码迷,mamicode.com
首页 > 编程语言 > 详细

Javascript动态绑定

时间:2015-11-23 13:24:26      阅读:105      评论:0      收藏:0      [点我收藏+]

标签:

<div onclick="test()"></div>
<script>
    function test(){
        //code
    }
</script>

上面这种方法是很low逼的,用了这种方法工资就涨不上去你信不信?下面这种也是...

<div id="test"></div>
<script>
    var test = document.getElementById("test");
    test.onclick = function(){
        //code
    };
</script>

能不能用一个稍微有点逼格的方法?

<div id="test"></div>
<script>
    var test = document.getElementById("test");
    test.addEventListener("click",function(){
        //code
    });
</script>

addEventListener() 还能解绑

<div id="test"></div>
<script>
    var test = document.getElementById("test");
    function testFunction(){
        //code
    }
    test.addEventListener("click",testFunction);
    test.removeEventListener("click",testFunction);
</script>

听说这个方法对IE8无法向下兼容?没关系,我们还有attachEvent/detachEvent

<div id="test"></div>
<script>
    var test = document.getElementById("test");
    function testFunction(){
        //code
    }
    
    //绑定
    if (test.addEventListener) {
        test.addEventListener("click", testFunction);
    } else if (test.attachEvent) {
        test.attachEvent("onclick", testFunction);
    }
    
    //解除
    if (test.removeEventListener) {
        test.removeEventListener("click", testFunction);
    } else if (test.detachEvent) {
        test.detachEvent("onclick", testFunction);
    }
</script>

 

Javascript动态绑定

标签:

原文地址:http://www.cnblogs.com/zcynine/p/4987893.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!