-
事件对象查看全部
-
事件对象，事件冒泡查看全部
-
html事件缺点查看全部
-
跨浏览器事件处理程序查看全部
-
事件处理程序查看全部
-
多浏览器的支持 <script> window.onload=function(){ var login_btn=document.getElementById('login'), login_box=document.getElementById('login_box'), close=document.getElementById('close'); // 封装添加事件监听程序 function addEvent(ele,type,hander){ // 执行代码 if(ele.addEventListener){ ele.addEventListener(type,hander,false); }else if(ele.attachEvent){ ele.attachEvent('on'+type,hander); }else{ ele['on'+type] = hander; } } // 显示登录层函数 function showLogin(){ // 执行代码 login_box.style.display='block'; } // 隐藏登录层函数 function hideLogin(){ // 执行代码 login_box.style.display='none'; } //点击登录按钮显示登录层 // 执行代码 addEvent(login_btn,'click',showLogin); //点击关闭按钮隐藏登录层 // 执行代码 addEvent(close,'click',hideLogin); } </script>查看全部
-
keyDown 任意键 keyPress 字符键查看全部
-
事件对象查看全部
-
阻止事件冒泡查看全部
-
跨浏览器事件处理程序查看全部
-
DOM2和DOM0级共同优点：可以给一个元素上添加多个事件处理程序，会按照顺序执行。 DOM2级事件处理程序，ie不支持，ie有专用的事件处理程序。 DOM2级事件处理程序：定义了两个方法---用于处理指定和删除事件处理程序的操作。【addEventListener()---给某元素添加一个事件监听程序】和【removeEventListener()---删除一个事件。必须传入添加事件时相同的参数】（通过前者添加的事件，只能通过后者删除。如obj.click= null无效） 3个参数：要处理的事件名、作为处理时间处理程序的函数及一个boolean（true---表示在捕获阶段调用事件处理程序，false---表示在冒泡阶段调用事件处理程序(可以最大限度的兼容浏览器)。一般设为false）. 如：object.addEventListener("click",function(){},false);查看全部
-
使用事件处理程序查看全部
-
DOM0级事件处理程序 （用得比较多）：先把元素取出来，然后为其属性添加一个事件的方法叫DOM0级处理程序。 它是一种较传统的方式：把一个函数赋值给一个事件处理程序的属性。 优点：简单，跨浏览器的优势 var btn2=document.getElementById("btn2");---先获取出元素，定义对象 //取得btn2按钮对象 btn2.onclick=function(){alert('这是通过DOM0级添加的事件！')}----让 事件以对象的属性 的形式出现。 //给btn2添加onclick属性查看全部
-
使用事件处理程序查看全部
-
HTML事件处理程序，现在不建议使用了。 1. 事件直接加在HTML代码中: 缺点：HTML和js代码高耦合，如果修改，就要修改两个地方：HTML元素内和script函数。查看全部
举报
0/150
提交
取消