码迷,mamicode.com
首页 > 其他好文 > 详细

DOM事件

时间:2020-05-05 23:48:19      阅读:113      评论:0      收藏:0      [点我收藏+]

标签:绑定   baidu   onclick   highlight   asc   UNC   元素   on()   return   

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;
}

 

DOM事件

标签:绑定   baidu   onclick   highlight   asc   UNC   元素   on()   return   

原文地址:https://www.cnblogs.com/sunchao0709/p/12833567.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!