js中添加事件的三种方法

最新推荐文章于 2023-01-10 12:53:21 发布

42577176

最新推荐文章于 2023-01-10 12:53:21 发布

阅读量3.7k

点赞数

本文链接：https://blog.csdn.net/qq_42577176/article/details/112385772

版权

这篇博客探讨了JavaScript中事件处理的三种方式：1.使用onchange属性直接绑定事件处理函数；2.使用addEventListener方法添加事件监听；3.通过对象的onclick属性设置事件处理。示例代码展示了如何获取事件目标的值以及响应点击事件。

摘要由CSDN通过智能技术生成

1.    <input onchange="handle(event)"/>
        function handle(e){
        console.log(e.target.value)
        }
       2 const btn = document.querySelector('.btn');
        btn.addEventListener('click', () => {
            console.log('dianji')
        })
        3、btn.onclick = function () {
            console.log('点')
        }