javascript中什么是句柄？

时间: 2020-01-02阅读: 633标签: 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中什么是句柄？

js浮点数精度丢失问题_如何解决js中浮点数计算不精准？

前端与编译原理——用JS写一个JS解释器

JavaScript 进阶问题列表

js检测页面上一个元素是否已经滚动到了屏幕的可视区域内

js记录用户行为浏览记录和停留时间

avaScript与WebAssembly进行比较+在哪些情况下会优于JavaScript

归并排序JavaScript实现_关于归并排序思路和代码实现

Js继承实现小结:JavaScript实现继承的6种方式

javascript怎么判断按钮被点击？

javascript的Object. hasOwnProperty方法