阻止默认行为\鼠标拖拽\效果\监听委托
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
<
如对本文有疑问， 点击进行留言回复！！
同事牛逼啊，写了个隐藏 bug，我排查了 3 天才解决问题！
【JavaScript笔记（一）】万丈高楼平地起 - 基本概念篇
轻松解决 org.apache.taglibs.standard.tlv.JstlCoreTLV 困惑
我要评论
网友评论