-
2-2 DOM0级事件处理程序（第二种添加事件的方法） 1、DOM0级事件处理程序（用得比较多）：先把元素取出来，然后为其属性添加一个事件的方法叫DOM0级处理程序。 ①是一种较传统的方式：把一个函数赋值给一个事件处理程序的属性。 ②优点：简单，跨浏览器的优势 2、例如 <html> <body> <div id="box"> <input type="button" value="按钮" id="btn" /> </div> <script> var btn=document.getElementById('btn'); //取得btn按钮对象 btn.onclick=function(){ //给btn添加onclick属性 alert('hello'); } btn.onclick=null; //删除onclick属性 </script> </body> </html>查看全部
-
1、事件流：描述的是从页面中接受事件的顺序 ①IE的事件流：事件冒泡流 ②Netscape的事件流：事件捕获流 2、事件冒泡流：即事件最开始由最具体的无素（文档中嵌套层次最深的那个节点）接收，然后逐级向上传播到最不具体的那个节点（文档）。 3、事件捕获：（跟事件冒泡流截然相反）不太具体的节点应该更早接收到事件，而最具体的节点最后接收到事件。 4、例如 <html> <body> <div id="box"> <input type="button" value="按钮" id="btn" /> </div> </body> </html> 点击按钮后，触发Document，再向下触发<html>，再向下触发<body>，在向下触发<div>，再向下触发<input>。——这就是事件捕获流。查看全部
-
1、事件流：描述的是从页面中接受事件的顺序 ①IE的事件流：事件冒泡流 ②Netscape的事件流：事件捕获流 2、事件冒泡流：即事件最开始由最具体的无素（文档中嵌套层次最深的那个节点）接收，然后逐级向上传播到最不具体的那个节点（文档）。 3、例如 <html> <body> <div id="b_div"> <input type="button" value="按钮" id="btn" /> </div> </body> </html> 点击按钮后，触发<input>，再向上触发<div>，再向上触发<body>，在向上触发<html>，再向上触发Document。直到传播到最不具体的那个节点。——这就是事件冒泡流。查看全部
-
事件是文档或浏览器窗口中发生的特定的交互瞬间。 JavaScript <------>HTML之间就是通过“事件”来实现的 例如：鼠标拖动下拉等，这些动作都是通过事件触发的 1、理解事件流 2、使用事件处理程序 3、不同的事件类型查看全部
-
DOM2级，通过addEventListenner事件添加的事件，只能通过removeEventListenner传入相同的参数来删除，同时添加事件时需把on去掉，如onclick -click查看全部
-
HTML是从上之下顺序解析的，你在<head></head>里面导入的js肯定要比<body></body>里面的内容先解析，所以在执行js代码的时候会获取不到btn2；如果写在window.onload里面，会等到整个文档流加载完毕之后才会执行。查看全部
-
事件对象 事件对象event 1、DOM中获取操作事件的对象 (1)、type:获取事件类型 (2)、target：事件目标 (3)、stopPropagation() 阻止事件冒泡 (4)、preventDefault() 阻止事件的默认行为 2、IE中的事件对象 (1)、type:获取事件类型 (2)、srcElement：事件目标 (3)、cancelBubble=true阻止事件冒泡 (4)、returnValue=false阻止事件的默认行为查看全部
-
事件对象查看全部
-
IE事件处理程序 domo2级事件处理程序：addEventListener（“处理事件（去on）”，“处理函数”，true/false） removeEventListener（“处理事件”，“处理函数”，true/false） ie则是支持这种写法，需要用attachEvent（“处理事件”，“处理函数”），detachEvent（）。查看全部
-
DOM2级提供两个方法：addEventlistener()和一个删除方法removeEventListener() 接受三个参数:(事件名称，处理程序的函数或者接口，布尔值) addEventListener的使用方式： target.addEventListener(type, listener, useCapture); target： 文档节点、document、window 或 XMLHttpRequest。 listener：一个程序可以处理多个事件，不含“on”（click mouser keydown）； useCapture：false是否使用捕捉事件一般默认为不使用。 addEventlistener()事件只能用removeEventlistener()删除。查看全部
-
DOM0级事件处理程序 （用得比较多）：先把元素取出来，然后为其属性添加一个事件的方法叫DOM0级处理程序。 它是一种较传统的方式：把一个函数赋值给一个事件处理程序的属性。 优点：简单，跨浏览器的优势 var btn2=document.getElementById("btn2");---先获取出元素，定义对象 //取得btn2按钮对象 btn2.onclick=function(){alert('这是通过DOM0级添加的事件！')}----让 事件以对象的属性 的形式出现。 //给btn2添加onclick属性查看全部
-
TML事件处理程序，现在不建议使用了。 1. 事件直接加在HTML代码中: 缺点：HTML和js代码高耦合，如果修改，就要修改两个地方：HTML元素内和script函数。查看全部
-
事件流——从页面接收事件的顺序： IE——事件冒泡流 Netscape——事件捕获流 事件冒泡：事件最开始由最具体的元素（嵌套层次最深的节点）接收，然后逐级向上传播。 事件捕获：不太具体的节点应该更早接收到事件，而最具体的节点最后接收到事件。查看全部
-
事件是文档或浏览器窗口中发生的特定的交互瞬间。【JavaScript <------>HTML】 事件流：描述的是从页面中接受事件的顺序 （IE：事件冒泡流 / Netscape事件捕获流） 事件冒泡流：即事件最开始由最具体的无素（文档中嵌套层次最深的那个节点）接收，然后逐级向上传播到最不具体的那个节点查看全部
-
DOM中的事件对象 1，type属性 用于获取事件类型 2，target属性 用于获取事件目标 3，stopPropagation（）方法 用于阻止事件冒泡 4，preventDefault（）方法 阻止事件的默认行为查看全部
举报
0/150
提交
取消