js学习笔记73——事件的简介

本文链接：https://blog.csdn.net/weixin_45034895/article/details/118291785

js学习笔记73——事件的简介

事件
onclick
ondblclick
onmousemove
写在script里

事件

在这里插入图片描述
我们可以在事件对应的属性中设置一些js代码，这样当事件诶触发时，这些代码将会执行。

onclick

<body>
    <button id="btn" onclick="alert('点我干嘛')">我是一个按钮</button>
</body>

在这里插入图片描述
其他的事件可以查文档。链接

ondblclick

在这里插入图片描述

<body>
    <button id="btn" ondblclick="alert('点我干嘛')">我是一个按钮</button>
</body>

在这里插入图片描述

onmousemove

在这里插入图片描述

<body>
    <button id="btn" onmousemove="alert('点我干嘛')">我是一个按钮</button>
</body>

在这里插入图片描述
这种写法把html和js写在了一起，不方便维护，不建议这么写。
写在script里比较好。

写在script里

为事件绑定处理函数来响应事件。

<!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>Document</title>
</head>
<body>
    <button id="btn" >我是一个按钮</button>
    <script>
        var bt = document.getElementById("btn");
        bt.onclick = function(){
            alert("你还点");
        };
    </script>
</body>
</html>