event对象和事件冒泡

【event对象和事件冒泡】的更多相关文章

event对象和事件冒泡

<!DOCTYPE HTML><html><head> <meta charset="utf-8"> <title>无标题文档</title> <style> #div1 { width: 400px; height: 300px; background: #CCC; display: none; } </style> <script> window.onload = funct…

Event对象的事件句柄

<html>   <body onunload="alert('The onunload event was triggered')"> <form id="myform"> <input type="text"…

event事件对象兼容写法：var oEvent=ev||event;和取消事件冒泡

要在整个页面添加事件要使用document,例如要捕抓鼠标位置 document.onclink=function(ev) //FireFox Chrome默认都是有一个值传进来的 { var oEvent=ev||event; //兼容IE和FireFox Chrome 只要一个为真就可以执行 alert(oEvent.clientX); }; /*取消事件冒泡*/ oDiv.onclick=function(ev) { oEvent=ev||event; oEvent.cancelBub…

JS 事件对象和事件冒泡

1.事件对象 js的事件对象中保存了当前被触发事件的一些相关的属性信息,如事件源.事件发生时的鼠标位置.事件按键等. 事件对象的获取方法: IE中可以window.event直接获取,而Firefox中则不可以,可通过如下方法获取: 1)var event = window.event || arguments.callee.caller.arguments[0]; 2)通过参数传.function(e) { var event = window.event || e; } 2.事件源事件源即…

Vue2学习笔记:事件对象、事件冒泡、默认行为

1.事情对象 <!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> <script src="http://unpkg.com/vue/dist/vue.js"></script> <script type="text/javascript"> window…

第九课-1 事件的状态Event 对象，事件，元素，节点的关系，事件委托currentTarget与target的区别

<ul> <li>1itme1</li> <li>2itme2</li> <li>3itme3</li> <li>4itme4</li> <li>5itme5</li> </ul> <script> var lis=document.getElementsByTagName("li"); for(var i=0;i<lis.l…

Javascript防冒泡事件与Event对象

防冒泡防冒泡用到的就是event的属性和方法 function add2shop(e) { if (!e) var e = window.event; e.cancelBubble = true; // IE if (e.stopPropagation) e.stopPropagation(); // 其他 // todo... } Event对象案例案例一,鼠标点击判断 <html> <head> <script type="text/javascript&q…

dom事件与event对象总结

1 事件:就是文档或浏览器窗口中发生的一些特定的交互瞬间. tips:js和xhtml的交互是通过当用户或浏览器操作网页时发生的事件来处理的. 1.1 事件流:即事件的顺序. 事件冒泡:事件从事件发生的目标最内部开始触发,向上触发到最外部(document对象). 事件捕获:事件捕获正好与冒泡相反.它的事件触发顺序是从最外层的对象(document对象)到最里层的对象. DOM事件流:dom同时支持事件捕获和事件冒泡,但事件捕获先发生. 1.…

event对象及各种事件

事件(event) event对象 (1)什么是event对象? Event 对象代表事件的状态,比如事件在其中发生的元素.键盘按键的状态.鼠标的位置.鼠标按钮的状态.事件通常与函数结合使用,函数不会在事件发生前被执行! (2)Event相关方法与属性 1.谷歌 event.stopPropagation().IE event.CancelBubble=true:终止事件在传播过程的捕获.目标处理或起泡阶段进一步传播.调用该方法后,该节点上处理该事件的处理程序将被调用,事件不再被分派到其他节点…

JavaScript事件对象与事件处理程序

在学习之前建议请看一下事件流.事件冒泡.事件捕获一.事件对象事件对象:在DOM触发事件时,会产生一个事件对象event,这个事件对象包含着所有与事件相关的信息.既然event是事件对象,那么它必然存在属性 ①DOM中的事件对象event属性 (1).type属性用于获取事件类型 (2).target.srcElement<兼容IE事件>属性用于获取事件目标 (3).stopPropagation()方法用于阻止事件冒泡 (4).preventDefault() 方法阻…