zoukankan      html  css  js  c++  java
  • javascript 对象中的 handleEvent

    在高级浏览器中,我们在绑定事件的时候 可以知道绑定一个对象,然后在这个对象中的 handleEvent 方法会自动进入指定的方法,不多说了举个例子吧!!

    var events = {
        handleEvent: function(event) {
    
              switch (event.type) {
                case 'touchstart': this.touchstart(event); break;
                case 'touchmove': this.touchmove(event); break;
                case 'touchend': touchend(event); break;
             }
        },
        touchstart:function(event){
        },
        touchmove:function(event){
        },
        touchend:function(event){
        }
    }
    
    document.getElementById('elementID').addEventListener('touchstart',events,false);
    document.getElementById('elementID').addEventListener('touchmove',events,false);
    document.getElementById('elementID').addEventListener('touchend',events,false);

    这种在支持html5的浏览器中可以放心使用,wap端现在也可以放心使用,如果遇到版本低的浏览器就不能用这种了,因为低版本浏览器根不能用!!!!

  • 相关阅读:
    PHP 单例 工厂模式 类的重载 抽象 接口
    上传文件
    ThinkPHP3.2中if标签
    JS闭包特性 运算符 DOM操作
    循环数组 连接数据库 AJAX
    ThinkPHP
    TP框架
    MVC框架
    类的自动加载,静态属性静态方法
    魔术方法__get()和set函数
  • 原文地址:https://www.cnblogs.com/tongchuanxing/p/javascript_handleEvent.html
Copyright © 2011-2022 走看看