mBtn.onclick=function(){alert('11111'); } 3、绑定事件监听函数 绑定事件的另一种方法就是用addEventListener()或attachEvent()来绑定事件监听函数 // addEventListener()函数语法 // elementObject:DOM对象/DOM元素 // eventName:事件名称 // handle:用来处理事件的函数 // useCapture:布尔类型,决定是否使用捕获...
console.log(event.type == 'click' ? '点击事件被触发了': event.type == 'mouseout' ? '鼠标移除事件被触发了': '未知事件') }; btn.addEventListener('click', func); btn.addEventListener('mouseout', func); 2.target和currentTarget target:事件源,点击的哪个元素,target就是哪个元素 currentTarget...
步骤1:创建一个事件监听器 document.addEventListener('click',function(event){// 在这里编写代码来处理点击事件}); 1. 2. 3. 这段代码用来创建一个事件监听器,当用户点击页面时,会触发这个事件。 步骤2:获取点击事件的目标元素 vartarget=event.target; 1. 这段代码通过event对象的target属性来获取用户点击的...
window.onclick=function(e){ console.log(e) //MouseEvent {isTrusted: true…} } 事件对象的兼容处理 e=event||window.event; ie/谷歌中: event 是一个内置的全局对象。 标准下: 事件对象是通过事件函数的第一个参数传入的。 window.onclick=function(e,f){ //var f; console.log(f) //undefined }...
event.currentTarget为div。 当我们点击button时: event.target为button。 event.currentTarget为div。 按钮 // 点击divconst onClick =(event) =>{console.log(event.target)// 为divconsole.log(event.currentTarget)// 为div}// 点击buttonconst onClick =(event) =>{console.log(event.target)// 为button...
event.target.style.color =''; },500); },false); 上面代码中,在父节点内部离开子节点,不会触发mouseleave事件,但是会触发mouseout事件。 MouseEvent 接口概述 MouseEvent接口代表了鼠标相关的事件,单击(click)、双击(dblclick)、松开鼠标键(mouseup)、按下鼠标键...
para.addEventListener('click',function(e){ console.log(this.nodeName);// "P" },false); 上面代码中,监听函数内部的this指向事件所在的对象para。 EventTarget.removeEventListener() EventTarget.removeEventListener方法用来移除addEventListener方法添加的事件...
2、event.stopPropagation 功能:让事件响应到此结束,不再向上冒泡。更多... 代码语言:txt 复制 video.onclick = function(e) { e.stopPropagation(); video.play(); }; 五、EventTarget EventTarget 是一个 DOM 接口,可以监听、接收、移除事件。
根据打印显示,先执行了addEventListener,再执行了click事件,但是有一个很奇怪的点: 在addEventListener的方法中打印目标点击元素的时候,通过event.target.dataset拿到的值是undefined,而如果只是打印event.target却能看到dataset下面有值。而如果我给addEventListener的方法设置一个计时器,再延后1ms来进行打印,却又能看到event....
event属性 2.1 Event属性说明 2.2 target 属性说明 target 事件属性可返回事件的目标节点(触发该事件的节点),如生成事件的元素、文档或窗口 target 内是目标节点的属性有很多,这里截取最常用的几个 3 此处放置event属性的示例 3.1 属性示例 3.1.1 buttoms 属性示例 ...