zoukankan html css js c++ java

attachEvent和addEventListener

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<div id="wrap">
    <input type="button" id="btn" value="attachEvent" />
</div>
<script type="text/javascript">
    window.onload = function() {

        function iniEvent2() {
            var btn = document.getElementById('btn');
            btn.attachEvent('onclick', click1);
            btn.attachEvent('onclick', click2);
            btn.attachEvent('onclick', click3);
        }
        function click1() {
            alert('1');
        }
        function click2() {
            alert('2');
        }
        function click3() {
            alert('3');
        }
        iniEvent2();
    }
</script>
</body>
</html>

　　在IE下使用，一个按钮可以有很多个方法，下面的是除了IE下的使用，false是冒泡阶段

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<div id="wrap">
    <input type="button" id="btn" value="attachEvent" />
</div>
<script type="text/javascript">
    window.onload = function() {
        function iniEvent2() {
            var btn = document.getElementById('btn');
            btn.addEventListener('click', click1, false);
            btn.addEventListener('click', click2, false);
            btn.addEventListener('click', click3, false);
        }
         
        function click1() {
            alert('1');
        }
        function click2() {
            alert('2');
        }
        function click3() {
            alert('3');
        }
        iniEvent2();
    }
</script>
</body>
</html>

查看全文

相关阅读:
Web.xml中Filter过滤器标签几个说明
 JVM参数配置大全
 Java时间日期格式转换
 第一天用博客园
 Java基础--序列化和反序列化
 Java面试题2017
固定布局，流动布局，弹性布局
 viewport
索引
 Java虚拟机

原文地址：https://www.cnblogs.com/shenq/p/6687841.html