《悟透JavaScript》学习札记之响应DOM事件
来源:互联网 发布:网络大电影数据 编辑:程序博客网 时间:2024/05/01 10:29
响应DOM事件的两种方式:
1. 静态绑定(JS代码写在HTML标签的事件属性里面):
<div onclick="alert('This is a ' + this.tagName)">Click Me Static!</div> // output: This is a DIV
2.动态绑定(DOM对象的事件属性与事件处理函数关联):
<div id="aDiv">Click Me Dynamic!</div>
<script type="text/javascript">
aDiv.onclick = ClickMe;
function ClickMe()
{
alert('This is a ' + this.tagName);
};
output: This is a DIV
---------------------------------------------------------------------------------------------------------------------------------------------------
onclick = "..." <=> id.onclick = function(){...};
例子:
<div onclick="ClickMe()">Click Me!</div>
等价于aDiv.onclick = function(){ClickMe()};
此时ClickMe函数内的this参数并非触发事件的DOM对象本身,而是全局的window对象。output: This is a undefined
对象传递可解决上述问题,如<div onclick = "ClickMe.call(this)">Click Me</div> // output: This is a DIV
但是<div onclick="ClickMe(this)">ClickMe(this)!</div> // output: This is a undefined
- 《悟透JavaScript》学习札记之响应DOM事件
- 《悟透JavaScript》学习札记之响应DOM事件
- JavaScript学习笔记之DOM事件句柄
- JavaScript学习之操作DOM事件
- 《悟透JavaScript》学习札记之标准网页
- JavaScript事件响应学习
- JavaScript学习(4)事件响应
- JavaScript之DOM事件模型
- 《悟透JavaScript》学习札记一之回归简单
- 《悟透JavaScript》学习札记二之没有类
- 《悟透JavaScript》学习札记三之函数的魔力
- 《悟透JavaScript》学习札记五之奇妙的对象
- 《悟透JavaScript》学习札记六之放下对象
- 《悟透JavaScript》学习札记七之对象素描
- 《悟透JavaScript》学习札记八之构造对象
- 《悟透JavaScript》学习札记九之初看原型
- 《悟透JavaScript》学习札记十之原型扩展
- 《悟透JavaScript》学习札记十一之原型真谛一
- SlickEdit 2011
- android改变屏幕显示方向
- ZOJ 2136 Longest Ordered Subsequence 【DP】
- 快速幂
- AS3.0笔记
- 《悟透JavaScript》学习札记之响应DOM事件
- 从图学起OpenCV
- window下配置QT QMAKESPEC has not been set, so configuration cannot be deduced
- 引用传递及其应用
- VIM显示中文乱码(debian和AIX)
- Google MapReduce阅读笔记
- 注意:CMake2.8中默认是有-DNDEBUG的
- sizeof用法总结
- 闪回