-
取出btn2按钮对象 给btn2添加onclick属性查看全部
-
1. 事件直接加在HTML代码中: 缺点：HTML和js代码高耦合，如果修改，就要修改两个地方：HTML元素内和script函数。查看全部
-
事件捕获与事件冒泡相反 事件捕获：不太具体的节点应该最早的接收事件，最后是最具题的才接受查看全部
-
事件是文档或浏览器窗口中发生的特定的交互瞬间。【JavaScript <------>HTML】 事件流：描述的是从页面中接受事件的顺序 （IE：事件冒泡流 / Netscape事件捕获流） 事件冒泡流：即事件最开始由最具体的无素（文档中嵌套层次最深的那个节点）接收，然后逐级向上传播到最不具体的那个节点（文档） input----->document查看全部
-
bbb查看全部
-
...查看全部
-
获取窗口的高度查看全部
-
获取窗口的宽度跟高度查看全部
-
clientX clientY查看全部
-
把多个事件封装到一个对象里面，再把每个功能封装到对应方法里面，建议将封装的对象写到成单独的js文件，然后在main文件中引用。 var eventUtil={ //添加句柄 addHandler:function(){}, ..... getEvent:function(event){ return event?event:window.event; //满足不同浏览器 ie8以前的事件对象为window.event } } window.onload=function(){ var box=document.getElementById（'box'）; eventUtil.addHandler(box,'click',function(e){ e=eventUtil.getEvent(e); // 等价e=e||window.event alert（eventUtil.getElement.nodeName）; }); ... } window.onload=function(){} //当页面加载完成后会执行function()里面的代码 if里面的判断以属性的形式判断，不要写成方法查看全部
-
什么是事件对象？在触发DOM上的事件时都会产生一个对象 事件对象EVENT DOM中的事件对象中的常用属性 (1). type属性用于获取事件类型 ---click (2). target属性用于获取事件目标（元素） --[object HTMLInputElement] target.nodeName事件目标的节点名称----input (3). stopPropagation()方法 用于阻止事件冒泡 ---- 如果一个div里面有一个button，button和div都绑定了click事件，如果是事件冒泡（由内而外），那么点击button的时候，首先触发button的处理函数，然后触发div的处理函数。 如果有时候不想冒泡，也就是不希望div的事件被触发，那么需要阻止事件冒泡。 (4). preventDefault() 方法 阻止事件的默认行为 如果需要阻止a标签的默认属性--跳转，可以使用阻止事件的默认行为preventDefault()方法 <a href='#'>超链接</a>查看全部
-
事件对象查看全部
-
IE事件处理程序： attachEvent(type,hander)添加事件 事件类型要加on 如btn.attachEvent('onclick',showmsg); detachEvent()删除事件 参数：名称，函数 不使用第三个参数的原因:IE8以及更早的浏览器版本只支持事件冒泡！ 兼容函数代码： var elementUtil={ addHandler:function(element,type,handler){ if(element.addEventListener){ element.addEventListener(type,handler,false); }else if(element.attachEvent){ element.attachEvent('on'+type,handler); }else{ element['on'+type]=handler;// } } };查看全部
-
DOM2级事件处理程序 定义了两个方法： addEventListener()添加事件 removeEventListener()移除事件 三个参数设置;事件名称，处理方法(函数)，布尔值-----冒泡（false）或捕获（true） btn3.addEventListener('click',showMes,false); 注意： 1、若事件名称有on，则需去掉on。onclick -----> click，onmouseover -----> mouseover等等； 2、false 兼容所有浏览器-----事件冒泡流。 3.通过addEventListener添加的事件只能通过removeEventListener来删除。---参数要一样 btn.removeEventListener(参数);//参数必须和btn.addEventListener的参数一致，删除事件 dom0级和dom2级事件处理程序 可以给一个事件绑定多个函数，事件触发的时候会按照绑定顺序执行各个函数。 btn3.addEventListener('click',showMes,false); btn3.addEventListener('click',function(){alert(this.value）;},false); 缺点：IE不支持DOM2级事件查看全部
-
DOM0级事件处理程序 （用得比较多） 较传统的方式：把一个函数赋值给一个事件处理程序的属性。 优点：简单，跨浏览器的优势 通过DOM操作世界，把事件看成属性，obj.eventname=function(){} 移除事件，obj.eventname=null;查看全部
举报
0/150
提交
取消