如何为html元素添加事件任意方法都几种

发布网友发布时间：2022-04-20 13:25

共1个回答

热心网友时间：2022-04-20 14:54

第一种方法：在HTML元素当中绑定事件

<div class="wrap" onclick="show()">绑定事件一</div>
<script type="text/javascript">
    function show() {
        alert('绑定事件一');
    }
</script>

第二种方法：

<div class="wrap" id="btn">绑定事件一</div>
<script type="text/javascript">
    var btnEle = document.querySelector('#btn');
    btnEle.onclick = show;
    function show() {
        alert('绑定事件一');
    }
</script>

参考资料：《JavaScript事件详细讲解》

第三种方法：

<div class="wrap" id="btn">绑定事件一</div>
<script type="text/javascript">
    var btnEle = document.querySelector('#btn');
    btnEle.addEventListener('click', show, !1);
    function show() {
        alert('绑定事件一');
    }
</script>

参考资料：《说说JavaScript的事件绑定方法并举例》