全国咨询热线:18720358503

苏州市微信小程序_javascript工作的绑定基础实例说

类别:企业动态 发布时间:2021-01-12 浏览人次:

javascript事件的绑定基础实例讲解(34)       这篇文章主要为大家详细介绍了javascript事件的绑定基础实例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
* 使用 对象.事件 的形式不能同时为一个元素的同一个事件绑定多个处理函数, * 如果绑定了多个,则后边的会将前边的覆盖掉 * 如果需要同时为一个事件绑定多个响应函数,则可以使用 * addEventListener()这个方法来绑定响应函数 * 参数: * 1.要绑定的事件(字符串 不要on) * 2.回调函数(事件触发时,该函数将会执行) * 3.是否在捕获阶段触发事件(都传false) * 使用这种方式可以同时为一个事件绑定多个响应函数, * 响应函数按照绑定的顺序执行 * 该方法不支持IE8及以下的浏览器 * 在这些浏览器中需要使用 attachEvent()方法来实现相同的功能 /*btn01.addEventListener("click",function(){ alert(1); },false); btn01.addEventListener("click",function(){ alert(2); },false); btn01.addEventListener("click",function(){ alert(3); },false);*/ * attachEvent() * - 参数: * 1.事件的类型(字符串 要on) * 2.回调函数 * attachEvent() * - 可以同时为一个事件绑定多个响应函数,但是它的执行顺序不一定 * ie9 ie10 先绑定先执行 * ie8 后绑定先执行 * 这个方法只支持IE10及以下的浏览器 /*btn01.attachEvent("onclick" , function(){ alert(1); });*/ /*btn01.attachEvent("onclick" , function(){ alert(2); }); btn01.attachEvent("onclick" , function(){ alert(3); });*/ * 在正常浏览器中使用addEventListener()来绑定 * 它的响应函数中的this就是绑定事件的对象 * 而在IE中,使用的是attachEvent()来绑定的事件 * 而它的响应函数中的this是window bind(btn01 , "click" , function(){ alert(this); }); * 自定义一个函数,来兼容所有的浏览器 * 参数: * obj 要绑定事件的对象 * eventStr 事件的字符串,不要on * callback 回调函数,事件触发时调用的函数 function bind(obj , eventStr , callback){ if(obj.addEventListener){ //如果是正常浏览器 obj.addEventListener(eventStr , callback , false); }else{ //IE8 * attachEvent()中的回调函数的this是window,需要修改为obj * this是谁由函数的调用方式决定 * 1.以函数的形式调用,this是window * 2.以方法的形式调用,this是调用方法的对象 * 3.以构造函数的形式调用,this是新创建的对象 * 4.使用call和apply调用时,this是第一个参数 obj.attachEvent("on"+eventStr , function(){ //在attchEvent()中不传递callback而是传递一个匿名函数 //这样在事件触发时,浏览器不会调用callback而是调用匿名函数 //在匿名函数中来调用回调函数 callback.call(obj); });
下一篇:没有了

推荐阅读

苏州市微信小程序_javascript工作的绑定基础实例说

javascript恶性事件的关联基本案例解读(34) 本文关键为大伙儿详尽详细介绍了javascript恶性事件的关联基本案例,具备一定的参照使用价值,很感兴趣的小伙子伴们能够参照一下...

2021-01-12
微信小店小程序_原生JS完成图片翻书效果

原生态JS完成照片翻开书实际效果 文中给大伙儿共享一段js编码完成照片翻开书实际效果,编码简易易懂,十分非常好,具备参照效仿使用价值,必须的朋友参照一下吧meta http-eq...

2021-01-12
小程序免费制作平台_100行代码了解和分析vue2.0响

100行编码了解和剖析vue2.0响应式构架 根据100行编码协助大伙儿了解和剖析vue2.0响应式构架的有关材料,具备一定的参照使用价值,很感兴趣的小伙子伴们能够参照一下我以前详细...

2021-01-12
如何缩短网站被搜索引擎收录的时间

怎样减少网站被检索模块百度收录的時间:google新网站的百度收录速率是较为快的,一般新网站发布以后,您只必须在好多个权重值高的网站里公布2~3篇推广软文,沒有出现意外的状况...

2021-01-12
互联网时代,你会被淘汰吗?

企业动态性制造行业新闻资讯建网站有关九度角度强烈推荐信息内容 互连网时期,你能淘汰吗? 重要词:自主创新 意识 专业技能 学习培训 消費方式 情商智商 项目投资 互连网 每个人...

2021-01-12
美司法部调查华为,美司法部调查华为,指控比中

重要词:美司法部门部调研华为公司,美司法部门部调研华为公司,控告比zte中兴更比较严重!华为公司:空穴来风 现有 2797 人访问 4月2五日,美国华尔街日报引证知情人人员的信息报导称...

2021-01-12
X

400-8700-61718720358503
企业邮箱2639601583@qq.com
官方微信