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>

查看全文

相关阅读:
css 样式库
 css命名规则
 css选择器
 清除浏览器自带样式
 导航菜单制作
 清除浮动和样式重置快捷代码
 程序练习网站
 各种布局样式模板
 使用gulp解决外部编辑器修改Eclipse文件延迟刷新
 jQuery Validate 表单验证 — 用户注册简单应用

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