javascript中什么是句柄？

时间: 2020-01-02阅读: 490标签: js知识分享

复制链接

新浪微博

QQ 好友

扫一扫分享

一个句柄是指使用的一个唯一的整数值，即一个4字节(64位程序中为8字节)长的数值，来标识应用程序中的不同对象和同类中的不同的实例。

使用句柄的好处：修改函数名或者函数代码不需要修改html中调用。

JavaScript句柄的使用：

var eventUtil={
             // 添加句柄
             addHandler:function(element,type,handler){
               if(element.addEventListener){
                 element.addEventListener(type,handler,false);
               }else if(element.attachEvent){
                 element.attachEvent('on'+type,handler);
               }else{
                 element['on'+type]=handler;
               }
             },
             // 删除句柄
             removeHandler:function(element,type,handler){
               if(element.removeEventListener){
                 element.removeEventListener(type,handler,false);
               }else if(element.detachEvent){
                 element.detachEvent('on'+type,handler);
               }else{
                 element['on'+type]=null;
               }
             },
          getEvent:function(event){
            return event?event:window.event;
          },
          getType:function(event){
            return event.type;
          },
          getElement:function(event){
            return event.target || event.srcElement;
          },
          preventDefault:function(event){
            if(event.preventDefault){
              event.preventDefault();
            }else{
              event.returnValue=false;
            }
          },
         stopPropagation:function(event){
           if(event.stopPropagation){
             event.stopPropagation();
           }else{
             event.cancelBubble=true;
           }
         }
  }

JavaScript事件句柄：

所谓的事件句柄就是一个将元素的特定事件与某个函数关联起来，比如onclick、onmouseover等都是事件句柄，它们会指向一个给定的函数，如果事件发生，那么就会指定此函数。

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.html.cn/" />
<title>蚂蚁部落</title>
<script type="text/javascript">
window.onload=function(){
  var obt=document.getElementById("bt");
  var oshow=document.getElementById("show");
  obt.onclick=function(){
    oshow.innerHTML="HTML中文网";
  }
}
</script>
</head>
<body>
<div id="show"></div>
<input type="button" id="bt" value="查看效果"/>
</body>
</html>

站长推荐

1.云服务推荐: 国内主流云服务商，各类云产品的最新活动，优惠券领取。地址：阿里云腾讯云华为云

2.广告联盟: 整理了目前主流的广告联盟平台，如果你有流量，可以作为参考选择适合你的平台点击进入

链接: http://www.fly63.com/article/detial/8053

关闭

javascript中什么是句柄？

JavaScript中“javascript:void(0) ”是什么意思

js中return关键词的作用_return的用法详解

JS方法整理_js常用函数大全

Js中的命名空间(namespace)

原生js实现数字三位逗号，分隔。js实现支持逗号分割的货币格式表示法总汇

javascript不可变性是什么？

js判断日期是否为今天

javascript由几部分组成？

用js打印hello world，JavaScript中你不知道的实现方式

window.location.href的用法(动态输出跳转)