威尼斯www.9778.com-威尼斯正版官方网站

JS 事件绑定函数代码_javascript技巧_脚本之家威尼斯www.9778.com

日期:2019-12-25编辑作者:服务器&运维

主要解决了 浏览器兼容,现在可以兼容IE6 7 8 FF 谷歌 IE浏览器里,this指向问题。 直接上代码吧! 复制代码 代码如下: var bind=function{ if{//IE浏览器 object.attachEvent{ return function{ window.event.cancelBubble=true;//停止时间冒泡 object.attachEvent=[fn.apply];//----这里我要讲的是这里 } }); }else if(object.addEventListener){//其他浏览器 object.addEventListener{ event.stopPropagation();//停止时间冒泡 fn.apply; } } //下面是给AAA这个ID添加了一个click事件 bind(document.getElementById,"click",function(){alert("这是你点击的按钮的ID"+this.id+"这是绑定的第1个函数")}); bind(document.getElementById,"click",function(){alert("这是你点击的按钮的ID"+this.id+"这是绑定的第2个函数")}); 代码很简单,不用多解释。用用就知道了。呵呵。

      $("#btn3").bind("click",function(){
          alert("JQuery绑定2");
      });
  });

 

  var bind=function(object,type,fn){
      if(object.attachEvent){
            //IE浏览器
            object.attachEvent("on"+type,(function(){return function(){window.event.cancelBubble=true;object.attachEvent=fn.apply(object);}})(object));
      }else if(object.addEventListener){
            //其他浏览器
            object.addEventListener(type,function(event){event.stopPropagation();fn.apply(this)},false);
      }   
  }
  bind(document.getElementById("btn1"),"click",function(){alert("点击按钮的ID "+this.id+" !")});
</script>
</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ";
<html xmlns=";
<head>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
</head>

-

javascript绑定按钮事件,JQuery绑定按钮事件,其他事件类似

<body>
<button id="btn1">原生Javascript绑定</button><br/>
<button id="btn2">JQeury绑定1</button><br/>
<button id="btn3">JQeury绑定2</button><br/>
<script type="text/javascript">
  $(document).ready(function(){
      
      $("#btn2").click(function(){
           alert("JQuery绑定1");
      });

本文由威尼斯www.9778.com发布于服务器&运维,转载请注明出处:JS 事件绑定函数代码_javascript技巧_脚本之家威尼斯www.9778.com

关键词:

比较详细的javascript DOM 学习笔记第1/2页_javascript技巧_脚本之家

DOM添加元素,使用节点属性 元素(你应该明白这是该文件的document元素),你可以使用document的documentElement特性:varo...

详细>>

javascript browser浏览器类型以及版本判断代码_javascript技巧_脚本之

return borwser比如当前浏览器类型是ie6.0,那么borwser的值应该是[“ie”,"6","6.0"]数组的第一个值表示浏览器的类型,第二...

详细>>

JavaScript 类的定义和引用 JavaScript高级培训 自定义对象_js面向对

一,概述   在Java语言中,大家得以定义自个儿的类,并依赖这几个类创制对象来行使,在Javascript中,我们也足以定...

详细>>

编纂高品质的JavaScript 脚本的加载与奉行_javascript技术_脚本之家

本子能够放在html页面包车型大巴head里面,也得以投身body里面。把脚本放在body中,当浏览器遇见 1.今日写js境遇一个...

详细>>