事件驱动与事件处理

  1. 基本概述

    JS是采用事件驱动的机制来响应用户操作的,也就是说当用户对某个html元素进行操作的时候, 会产生一个事件,该事件会驱动某些函数来处理。

    PS:这种方式和Java GUI中的事件监听机制很像,都是需要注册监听,然后再处理监听,只不 过实现的方式不同而已。

    事件驱动原理

    • 事件源:产生事件的地方(html元素)

    • 事件:点击/鼠标操作/键盘操作等等

    • 事件对象:当某个事件发生时,可能会产生一个事件对象,该时间对象会封装好该时间的信息,传递给事件处理程序

    • 事件处理程序:响应用户事件的代码

  2. 事件驱动

        <button onclick="show()">点击我</button>
        <script>
    
                function show() {
                    alert('hello world!')
                }
    
        </script>
    

    上面的代码存在的问题是,标签语言和脚本语言混编,不利于代码管理和阅读。

        <button id="btn01">点击我</button>
        <script>
            //onload  ?????
            window.onload=function () {
    
                var btn01=document.getElementById('btn01');
                btn01.onclick=function () {
                    alert('hello world!')
                }
    
            }
    
        </script>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值