事件概述(上)

本文介绍了浏览器事件,包括内联模式的两种事件模式、脚本模式。详细讲解了鼠标事件、键盘事件及其相关属性,如clientX、clientY等,并讨论了事件对象的重要属性和键盘事件的keyCode、charCode。
摘要由CSDN通过智能技术生成

用户在浏览器上触发一个操作 浏览器上会执行相关的函数进行处理 这个称为事件

示例:用户点击注册按钮 浏览器会完成注册的操作

如果需要加载完页面后再加载js,可以在script中添加async或者defer

如果script标签没有defer或者async属性

浏览器遇到script标签会立即停止渲染页面 开始加载js文件


1.内联模式事件分为两种模式

<!-- 内联的模式 -->
<button οnclick="alert(123)">123</button>

2.脚本模式

<!-- 采用对应的分离 将对应的事件的处理函数进行分离 -->

事件的分类

1.鼠标事件

onclick 单击事件

ondbclick 双击事件

onmousedown 按下事件

onmouseup 鼠标松开

onmousewheel 鼠标的滚轮事件

onmouseenter 鼠标进入(遇到子元素'不会'触发)

onmouseleave 鼠标离开

onmosueover 鼠标进入(遇到子元素'会'触发)

onmosueout 鼠标离开

onmousemove 鼠标移动

2.键盘事件

onkeypress         某个键被按下并松开(对非功能键有效)

onkeydown         按键被按下

        对于onkeydown来说如果已知按着某个按键不放的话 事件会一直触发

        当onkeydown连续触发时,第一次和第二次之间会间

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值