document绑定click事件无效_Javascript事件绑定常见方案详解

最新推荐文章于 2023-01-02 11:28:49 发布

儒雅的半帘香雾

最新推荐文章于 2023-01-02 11:28:49 发布

阅读量2.4k

点赞数

文章标签： document绑定click事件无效

本文链接：https://blog.csdn.net/weixin_35278121/article/details/113627854

版权

开始

让js对用户的操作做出相应的响应，就要对事件进行绑定

DOM元素绑定事件处理function函数，不同的操作对应不同的函数名称

常见的三种绑定方式

(1)在DOM元素上直接绑定事件

(2)在js标签(实现分离)中绑定事件

(3)通过DOM lev3级事件绑定标准(事件监听)绑定事件

第一种绑定方式(DOM元素上直接绑定)

<button onclick="Mybtn()">单击button>
<script>function Mybtn(){
    window.confirm("我返回给用户的响应");
     }script>

分析总结：当用户点击按钮时，触发Mybtn函数，然后返回，非常简单，这种直接写入元素中的方法很早就有，隶属于DOM的lev0级标准，所以兼容性非常好，IE8以下几乎没有问题，并且在全局范围内执行，因此Mybtn()内部的this指向全局对象window，需要注意是，想要操作这个被点击的DOM元素࿰

关注