DOM-事件基础

6天前 61次浏览 已收录 0个评论

js可以让我们有能力创造动态页面,而事件是可以被js侦测到的行为。

事件三要素(组成)

  • 事件源  事件被触发的对象:谁被触发了,比如一个按钮
  • 事件类型 如何触发 什么事件 比如鼠标点击(onclick)、鼠标经过、键盘按下。
  • 事件处理程序 通过一个函数赋值的方式来完成
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>事件</title>
</head>
<body>
    <button id='btn'>点我</button>
    <script>
        // 事件源  事件被触发的对象:谁被触发了,比如一个按钮
        var b=document.getElementById('btn');
        // 事件类型 如何触发 什么事件 比如鼠标点击(onclick)、鼠标经过、键盘按下。
        // 事件处理程序 通过一个函数赋值的方式来完成
        b.onclick=function(){
            alert('渣渣龙');
        }
    </script>
</body>
</html>
结果演示

常见鼠标事件

事件禁用

this.disabled=true; //this指向的是事件函数的调用者

btn.disabled=true;//禁用这个按钮


渣渣龙, 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:DOM-事件基础
喜欢 (2)

您必须 登录 才能发表评论!