JS中事件的简介

事件:文档或者浏览器之间发生的一些交互的瞬间,比如点击按钮、鼠标移动、关闭窗口…

  • 我们可以在时间对应的属性中设置一些JS代码, 事件被触发的时候,这些代码会被执行,这种方法称为结构和行为耦合, 不便维护,不推荐使用。

  • 可以为按钮的对应事件绑定处理函数,以函数的形式来响应事件,当事件被触发时,其对应的函数将会被调用

<!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 type="text/javascript">
        //通过按钮的id获取按钮对象
        var btn = document.getElementById("btn");

        /*
         - 
        */

        //绑定一个单击事件,这里是一个回调函数
        //像这种为单击事件绑定的函数,称为单击响应函数,当事件被触发的时候就会执行函数
        btn.onclick = function(){
            alert("你还点");
        };


    </script>
</body>
</html>

为一个单击事件绑定的函数,叫做单击响应函数,如果为一个双击事件绑定一个函数,那么绑定的函数就叫做双击响应函数,其他的事件绑定的函数以此类推。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值