JS 事件事件绑定普通事件

原创 wizx1992 随笔 javascript 254阅读 2017-03-03 14:49:25 举报

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
</head>
<body>

<button id="btn11">button</button>

<script type="text/javascript">

    var btn1 = document.getElementById("btn11");

    btn1.onclick = function () {
        alert('1');//不执行
    }
    btn1.onclick = function () {
        alert('2');//弹出
    }

// 上面用普通方法添加两个事件,下面用事件绑定添加两个事件。

    btn.addEventListener('click', function  () {
        alert('01');//弹出
    },false);
    btn.addEventListener('click', function  () {
        alert('02');//弹出
    },false);

上面代码执行后依次会弹出:普通事件2、事件绑定1、事件绑定2。

总结:普通事件中的onclick是DOM0级事件只支持单个事件,会被其他onclick事件覆盖,而事件绑定中的addEventListener是DOM2级事件可以添加多个事件而不用担心被覆盖。

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复