-
type属性 用于获取事件类型 srcElement属性 用于获取事件的目标 cancleBubble属性 用于阻止事件冒泡(true)阻止(false)不阻止 returnVaule属性 用于阻止事件的默认行为(true)阻止(false)不阻止查看全部
-
什么是事件对象?在触发DOM上的事件时都会产生一个对象 事件对象EVENT ①DOM中的事件对象 属性 (1)、type属性用于获取事件类型 (2)、target属性用于获取事件目标 (3)、stopPropagation()方法 用于阻止事件冒泡 (4)、preventDefault() 方法 阻止事件的默认行为 如果一个div里面有一个button,button和div都绑定了click事件,如果是事件冒泡,那么点击button的时候,首先触发button的处理函数,然后触发div的处理函数。(由内而外) 如果有时候不想冒泡,也就是不希望div的事件被触发,那么需要阻止事件冒泡。stopPropagation()方法 如果需要阻止a标签的默认属性跳转,可以使用阻止事件的默认行为preventDefault()方法 IE8以下事件对象(window.event) 1.事件类型:event.type 2.事件目标:event.target 3.阻止事件冒泡:event.cancelBubble = true 4.阻止默认事件:event.returnValue = false查看全部
-
domo2级事件处理程序:addEventListener(“处理事件(去on)”,“处理函数”,true/false) removeEventListener(“处理事件”,“处理函数”,true/false) ie则是支持这种写法,需要用attachEvent(“处理事件”,“处理函数”),detachEvent()。查看全部
-
addEventListener() removeEventListener() 接受三个参数:1.要处理的事件名。2.作为事件处理程序的函数。3.布尔值查看全部
-
DOM0级事件处理程序:首先使用 getElementById 取出元素,然后以元素属性的方式添加事件(ele.onclick(function())) [ 查看全文 ] DOM0事件处理程序 类似 var btn2 = document.getElementById("btn2"); btn2.onclick = function(){ alert("hello!"); } btn2.onclick = null; //清空了btn2的点击事件。查看全部
-
跨浏览器兼容: !undefined==!null==true undefined==null!=false查看全部
-
JS 事件:window 对象或document 中发生的特定的交互瞬间 事件流:描述的是页面中接受事件的顺序,有事件冒泡流(IE),和事件捕获(Netscape) 事件冒泡:事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播至最不具体的元素(推荐) 事件捕获:不太具体的节点更早接收到事件而最具体的结点最后接收到事件 事件处理有四种: HTML事件处理程序:(事件直接写在HTML元素上<input onclick="Click()">btn</body> DOM0级事件处理程序:(把一个函数赋值给一个元素的事件处理属性)btn= document.getElementById("btn");btn.onclick=Click; btn.onclick=null; DOM2级事件处理程序: (不适用IE!!!):两个方法 addEventListener removeEventListener btn.addEventListener(click<不加on>,Click,false<冒泡>); 通过addEventListener添加的事件,只能用removeEventListener删除 DOM0 和 DOM2 级事件处理程序 可以添加多个事件处理程序,按照顺序来执行 IE事件处理程序:attachEvent();detachEvent(); btn.attachEvent(onclick<加on>,Click) 事件对象: DOM中的事件对象: 在事件触发后产生的一个对象。包括所有的事件信息如鼠标键盘信息... function show(e/event){event.type} 1.event.type:clcik/drag ... 2.event.target:目标元素 3.event.stopPropagation():阻止事件冒泡 4.event.preventDefault(): 阻止默认行为,如<a>的跳转 IE中的事件对象: function show(e/event){e=ewindow.event<特作用于IE>} 1. event.type 2. event.srcElement 3. event.cancelBubble=true 4. event.returnValue=false 阻止默认行为查看全部
-
HTML事件处理程序,现在不建议使用了。 1. 事件直接加在HTML代码中: 缺点:HTML和js代码高耦合,如果修改,就要修改两个地方:HTML元素内和script函数。查看全部
-
DOM事件对象: type事件类型 target事件目标,stoppropagation()阻止冒泡, preventDefault阻止默认行为 ie事件对象 ; secElement cancelBubble returnValue查看全部
-
通过add...添加的事件只能通过remove……删除。查看全部
-
小测试查看全部
-
DOM2级事件处理程序查看全部
-
事件冒泡查看全部
-
事件流——从页面接收事件的顺序: IE——事件冒泡流 Netscape——事件捕获流 事件冒泡:事件最开始由最具体的元素(嵌套层次最深的节点)接收,然后逐级向上传播。 事件捕获:和事件冒泡相反。查看全部
-
事件是文档或浏览器窗口中发生的特定的交互瞬间。【JavaScript <------>HTML】 事件流:描述的是从页面中接受事件的顺序 (IE:事件冒泡流 / Netscape事件捕获流) 事件冒泡流:即事件最开始由最具体的无素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播到最不具体的那个节点查看全部
举报
0/150
提交
取消