js中event的target和currentTarget的区别
2015-12-15 10:51
666 查看
js中的event对象包含很多有用的信息
target:触发事件的元素。
currentTarget:事件绑定的元素。
两者在没有冒泡的情况下,是一样的值,但在用了事件委托的情况下,就不一样了,例如:
如果点击li,console上的情况如下:
<li class="item5">------target
<ul id="ulT">---------currentTarget
target:触发事件的元素。
currentTarget:事件绑定的元素。
两者在没有冒泡的情况下,是一样的值,但在用了事件委托的情况下,就不一样了,例如:
<ul id="ulT"> <li class="item1">fsda</li> <li class="item2">ewre</li> <li class="item3">qewe</li> <li class="item4">xvc</li> <li class="item5">134</li> </ul> <script type="text/javascript"> document.getElementById("ulT").onclick = function (event) { console.log(event.target); console.log(event.currentTarget); } </script>
如果点击li,console上的情况如下:
<li class="item5">------target
<ul id="ulT">---------currentTarget
相关文章推荐
- 轻松学习Javascript闭包函数
- ajax 用法 + json使用方法
- js,replace() 和 正则表达式(regular expression)
- JSP自定义标签入门学习
- iOS中JavaScript和OC交互
- html+css+js开发oppo音乐展示特效
- JavaScriptc创建对象的几种模式
- javascript函数执行环境创建过程及解析
- Javascript基于AJAX回调函数传递参数实例分析
- 模拟请求 get 、 post、put、delete 发送 xml\json\a=1&b=2&c= 等形式参数,代理设置
- JSP页面实现循环打印
- javascript实现html页面之间参数传递的四种方法实例分析
- jstl-functions的用法
- JSP入门之自定义标签
- href=#与href=javascript:void(0)的差异
- 认识js中的function和this---new Function(a,b,body)方式
- JSON美化输出
- 一些实用的js方法
- js方法使用技巧
- JavaScript解决页面undefined字符串问题