DOM事件

Posted 2021-02-20 sunchao0709

1.什么是事件？

用户和浏览器发生交互行为就叫做事件，比如：点击，移入移出。。。

2.如何给元素绑定事件

在javascript中所有的html标签都可以添加事件

元素.事件名称=function（）{}；对应事件触发时就会自动执行function中的代码

1 <button>按钮</button>
2 
3 let oBtn = document.querySelector(‘button‘);
4 oBtn.onclick = function() {
5     alert(‘按钮被点击了‘);
6 }

注意：如果给事件添加了和系统同名的事件，我们添加的事件不会覆盖掉系统添加的事件

<a href=‘http://www.baidu.com‘>链接</a>

let oA = document.querySelector(‘a‘);
oA.onclick = function() {
    alert(‘链接被点击了‘)
    //以下代码的含义：用我们添加的代码覆盖掉系统同名的事件
    return false；
}