脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-javascript常见兼容方法,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
阻止浏览器默认行为/鼠标拖拽/效果/监听委托
1. 重点内容
/阻止浏览器默认行为,或者阻止右键菜单,a连接的跳转,submit提交跳转/
function myPrevent(e){ *如果没有这个属性,就调用这个方法*/
if(e.preventDefault){
e.preventDefault();
}else if(returnValue || e.returnValue == undefined){ /*IE8的return是undefined*/
e.returnValue =false;
}else{
return false;
}
}
/*不知道干嘛,就叫出事件对象,因为它上面有很多属性和方法
* 1. e.returnValue:true 在正常浏览器的原型->原型上找到了该元素
* 2. e.preventDefault 在好几层原型之上 及顶级父级之上(事件对象的原型)
* 3.retuan false 有可以阻止事件默认但是会跳出当前函数
*
* 正常浏览器两种都支持
* IE9支持preventDefault方法,废弃了returnValue方法
* IE9以下不支持preventDefault方法,支持returnValue方法
* */
/* default ?什么意思*/
2.
/*事件绑定: 对DOM元素绑定事件处理函数,所谓的事件处理函数就是处理用户操作的函数,不同的操作对应不同的名称
* 在javascripot中有三种常用的绑定事件的方法:
* 1.在DOM元素中直接绑定
*
* 2.在javascript代码中绑定.列子就算了
* 3.绑定事件监听函数
*
* 这里就引出了事件监听:在w3cshool中定义乐3个事件阶段,以次是 捕获阶段,目标阶段,冒泡阶段
*
* 网景的事件驱动机制是事件捕获
* IE自己推出的机制是事件冒泡
* IE9以后支持w3c的规范即是 捕获阶段,目标阶段,冒泡阶段.
*/
/事件监听/
**高内聚
var obj = {
addEvevt:function(ele,myEvent,callback){
if(ele.addEventListener){ /非IE下不加on/
ele.addEventListener(myEvent,callback,false);/默认冒泡false 改为trur是捕获/
}else if(ele.attachEvent){ /IE下这里的事件名要加on/
ele.attachEvent(“on”+myEvent,callback);
}else{
ele[“on”+myEvent] = callback;
}
},
removeEvent:function(ele,myEvent,callback){
if(ele.removeEventListener){
ele.removeEventListener(myEvent,callback,false);
}else if(ele.detachEvent){
ele.detachEvent(“on”+myEvent,callback);
}else{
ele[“on”+myEvent] = null;
}
}
}
obj.addEvevt(obox,”click”,fn1);**
3.
/*事件委托:
*利用事件冒泡原理,通过e.target获取触发事件的事件源,将多个子元素事件,绑定在父元素身上.
*/
var oul = document.getElementsByTagName(“ul”)[0];
oul.onclick = function(eve){
var e = eve || window.event;
var target = e.target || e.srcElement;
console.log(e.target.nodeName);
if(target.nodeName == “LI”){
console.log(target.innerHTML);
}
}
1. function eventEnt(arr,callback){
/*点击的时候,不能立即执行函数,并且还需要传参
此时必须在点击事件执行函数的时候加(),还不能让这个函数执行
如何处理?将要执行的事件处理函数,放在封装函数的return。此时一个()就执行不到了,必须加两个(),从而实现上一条*/
return function(eve){
var e = eve || window.event;
var target = e.target || e.srcElement;
for(var i=0;i
<
觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! js脚本,巧夺天工,精雕玉琢。小宝典献丑了!
以上是脚本宝典为你收集整理的javascript代码实例教程-javascript常见兼容方法全部内容,希望文章能够帮你解决javascript代码实例教程-javascript常见兼容方法所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。