-
鼠标事件都是在浏览器窗口中的特定位置上发生的,这个位置信息保存在事件的 clientX 和clientY属性中,所有的浏览器都支持这两个属性,它们的值表示事件发生时鼠标指针在视口中的水平和垂直坐标。不包括页面滚动的距离。查看全部
-
键盘事件查看全部
-
DOM中的事件对象有几个方法:(1)type属性,用于获取事件类型 (2)target属性 用于获取事件目标 (3)stopPropagation()方法用于阻止事件冒泡 (4)preventDefault()方法阻止事件的默认行为。查看全部
-
键盘事件查看全部
-
跨浏览器解决方法对于DOM0级事件、DOM2级事件、IE事件处理进行判断,解决跨浏览器的解决方式,创建一个方法,将三种方法使用IF的方式进行处理查看全部
-
获取事件的函数用type<br> 获取事件的对象用target 阻止事件冒泡用stopProgation; 阻止事件默认行为用preventDefualt;查看全部
-
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type='text/javascript'> function subbton(event){ console.log(event.type); //获取事件类型 "click" console.log(event.target); //获取事件目标 "[object HTMLInputElement]" event.stopPropagation(); //取消事件冒泡 不会触发父元素div和body的事件 event.preventDefault(); //取消默认行为 } </script> </head> <body> <div id='div1'><input type="button" id='btn' value='DOM对象event' onclick="subbton(event)" /></div> </body> </html>查看全部
-
clientX clientY 可以得到光标的坐标查看全部
-
DOM0级绑定事件和解绑事件 绑定事件--eg:btn.onclick=function(){/*操作代码*/} 解绑事件--eg:btn.onclick=null;查看全部
-
直接把事件加载到html结构中的元素上的事件方法:叫做HTML事件 缺点:HTML和JS代码紧密耦合在一起,需要修改则要改两个地方 eg: <input type='button' id='buttonsub' onclick='register()'></input> <script type='text/javascript> function register(){ .... } </script>查看全部
-
事件流:指从页面中接受事件的顺序 事件冒泡流(主流,现在仅考虑这一种情况也可以) 事件捕获流(已经比较少了) 事件冒泡:即事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播至最不具体的那个节点(文档),eg: button - div - body 事件捕获:最不具体的事件应该先接受,最具体的事件应该后接收。事件捕获与事件冒泡相反,eg: body - div - button查看全部
-
跨浏览器代码查看全部
-
跨浏览器解决方法查看全部
-
跨浏览器解决方法对于DOM0级事件、DOM2级事件、IE事件处理进行判断,解决跨浏览器的解决方式,创建一个方法,将三种方法使用IF的方式进行处理。查看全部
-
DOM2级事件处理程序对IE无效;DOM2级处理程序主要涉及两个语法 addEventListener()和removeEventListener(),两个方法中要增加三个参数 事件名、函数名、布尔值 例: btn3.addEventListener("click","showmes",false);其中触发onclick事件不需要添加on,函数不需要添加();查看全部
举报
0/150
提交
取消