Part 1里的onclick字符串可以被click事件执行,而且this作用域是eventTarget 问题:js里有什么机制能执行字符串形式的js代码?如何让代码作用域指向eventTarget? 答案:eval,且eval执行本身就有作用域的概念,让代码的作用域指向eventTarget就行了。 Part 2里的onclick方法被click事件执行内部逻辑,而且this作用域是eventTarg...
eventTarget.onclick =function(event){// 这个 event 就是事件对象,我们还喜欢的写成 e 或者 evt} eventTarget.addEventListener('click',function(event){// 这个 event 就是事件对象,我们还喜欢的写成 e 或者 evt}) 这个event 是个形参,系统帮我们设定为事件对象,不需要传递实参过去。 当我们注册事件时, eve...
selectImg(event) { console.log(event.currentTarget); console.log(event.target); } } 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 3)说明:event.currentTarget也就是说上面代码中@click绑定到了li上,这调用selctImg方法是一定会返回li元素,而event.target则是如果点击到li上则返回li元素,点击到img上则返回...
e=event||window.event; ie/谷歌中: event 是一个内置的全局对象。 标准下: 事件对象是通过事件函数的第一个参数传入的。 window.onclick=function(e,f){ //var f; console.log(f) //undefined } 没有事件发生:输出 undefined console.log(window.event) //undefined console.log(event) //undefined 形式...
//给ul添加了点击事件,点击ul里面的子元素,event.target都会返回当前点击的元素节点,做一个判断,如果点击了button标签,删除这个li节点。由于添加的li都在ul节点里面,所以并不用再去添加li事件里面去写代码了,是不是很方便呢。 ul.onclick=function(event) { ...
点我 js代码: varbtn=document.getElementById("btn");btn.onclick=function(event){console.log(event.type)//获取事件类型console.log(event.target)//获取事件源console.log(event.target.nodeName)//获取触发事件的DOM元素} 结果.png (1)获取事件类型:event.type,得到的值可能...
document.getElementById("ulT").onclick = function (event) { console.log(event.target);console.log(event.currentTarget);} 如果点击li，console上的情况如下：---target ---currentTarget
xx.onclick = function(event){ console.log(this); console.log(event.target); } this <!DOCTYPE html> 菜鸟教程(runoob.com) //原生JS创建父子节点元素 var a = document.createElement("div"); var b = document.createElement("div")...
第一个子标签为 event.srcElement.firstChild最后个一个是 event.srcElement.lastChild 当然也可以用 event.srcElement.children[i]event.srcElement.ChildNode[i]至于event.srcElement.parentElement是指在鼠标所在对象的上一个对象． 这是第1结点div001 这是第2结点div002 ...
一、EventTarget 事件目标的查找方式(冒泡与捕获) 事件目标指的是绑定事件的元素,elemet.addEventListener('click',function(){}) 这里的 elemet 就是事件目标。 冒泡与捕获: 冒泡事件: 事件默认是由下往上的冒泡执行方式。以点击事件为例,当我们点击子元素也能触发父元素及以上元素的点击事件。事件执行顺序由下至上...