-
event.stopPropagation(); // 阻止事件冒泡 event.preventDefault(); // 取消事件的默认属性(如:取消<a>的默认的点击响应)查看全部
-
IE浏览器程序查看全部
-
事件跨浏览器处理查看全部
-
封装eventUtil查看全部
-
DOM2级事件处理 onclick改成click查看全部
-
DOM0级处理程序查看全部
-
element.onclick===element["onclick"]查看全部
-
IE中的事件对象 1、type 属性 用于获取事件类型 2、srcElement属性 用于获取事件的目标(使用或者进行判断) 非IE直接可以用Event 就是简单的传入传出 IE则是window.event进行引用。 所以 event=event||window.event 3、cancelBubble属性 用于阻止事件冒泡 设置为true表示阻止冒泡 设置为false表示不阻止冒泡 4、returnValue属性 用于阻止事件的默认行为 设置为false表示阻止事件的默认行为 三元运算符: 如名字表示的三元运算符需要三个操作数。 语法是 条件 ? 结果1 : 结果2;. 这里你把条件写在问号(?)的前面后面跟着用冒号(:)分隔的结果1和结果2。满足条件时结果1否则结果2。 判断方法的时候以属性的方式进行判断,不要加括号,执行的时候再加括号。 如果操作过程中出现问题,可以打开控制台,看看报错,然后再回到编辑处去更改。查看全部
-
dom中的事件对象 1、type属性 用于获取事件类型 2、target属性 用于获取事件目标,这个事件给哪个元素加上的 3、stopPropagation()方法 用于阻止事件冒泡查看全部
-
事件对象:在触发dom上的事件时都会产生一个对象。叫做event 包含了所有跟事件有关的信息,包括导致这个事件的元素,这个事件的类型,还有其他跟特定事件相关的信息。都是通过event获取的,只是支持的方式不同。 分成dom中的事件对象 和 IE中的事件对象。 dom中事件对象例 都添加的在shoumes函数当中写一个参数,这个参数接收到的就是事件对象。查看全部
-
IE事件处理程序 attachEvent()添加事件 detachEvent()删除事件 接收相同的两个参数:事件处理程序的名称(什么名称)和事件处理程序的函数(什么函数) 不写第三个参数的原因:IE8及更早版本的浏览器只支持冒泡事件。 支持IE事件处理程序的浏览器:IE和OPERA 跨浏览器的事件处理程序: 恰当的使用能力检测。 建议跨浏览器封装在一个对象内,把对象放到变量里面,给对象起个名称sss,等于一个大括号。在大括号里封装方法,例如添加事件,删除事件。var eventutil={addhand:function(element,type,handler){ 能力判断3种可能性。}}查看全部
-
在事件触发的function里面 有一个关键字this 可以引用被触发的元素。 就说这个事件是在哪个元素上触发的,这个this就可以引用哪个元素。查看全部
-
dom2级事件处理程序 dom2级事件定义了两个方法: 用于处理指定和删除事件处理程序的操作 addEventListener()和removeEventListener() 接收三个参数:要处理的事件名(千万不能加on)、作为事件处理程序的函数和布尔值(false)。 通过addEventListener()添加的事件只能通过removeEventListener()去把它删除。 dom0级和dom2级都可以给一个元素添加上多个事件处理程序。当然也可以添加多个事件。事件处理程序会按照顺序进行。查看全部
-
dom 0级事件处理程序: 较传统的方式:把一个函数赋值给一个事件的处理程序属性。 用的比较多的方法: 简单 跨浏览器。 先获取元素,然后给元素添加一个事件属性,事件属性又触发了一个事件处理程序(可以是匿名函数,也可以是存在了的函数)。 不存在html事件处理程序的缺点 element.onclick=function(){}添加行为 elemeng.onclick=null 删除onclick属性。查看全部
-
使用事件处理程序: 1、html事件处理程序 html事件的缺点:html和js代码紧密的耦合在一起。 2、dom 0级事件处理程序 3、dom 2级事件处理程序 IE 事件处理程序 跨浏览器兼容方式事件处理程序。查看全部
举报
0/150
提交
取消