js中的事件

最新推荐文章于 2022-04-13 20:49:56 发布

听说幸运很容易

最新推荐文章于 2022-04-13 20:49:56 发布

阅读量264

点赞数 1

文章标签： javascript

本文链接：https://blog.csdn.net/m0_68293816/article/details/123835822

版权

事件

this 表示当前函数的调用者

外层没有对象包着的情况下this指向window，有对象包着指向该对象

事件处理：1.触发对象2.事件处理函数3.事件执行函数

事件处理函数：on+事件类型

事件的分类

鼠标事件

// 鼠标的一切操作都是鼠标事件

click  // 点击

dblclick  // 双击

// 移动相关，以mouse开头

mousedown  // 鼠标按下

mouseup  // 鼠标弹起，拆分点击事件，先按下再弹起完成点击事件

mouseout  // 鼠标移出

mouseover  // 鼠标移入，子元素会触发第二遍

mousemove  // 鼠标移动，子元素不会触发

mouseleave  // 鼠标离开，取消悬停

mouseenter  // 鼠标悬停

mousewheel  //鼠标滚轮事件

scroll  // 表示滚动栏滚动事件

contextmenu  // 右键出现菜单事件

scrollTop  // 获取滚动栏离上面的距离（可视区域）
    var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;  //(跟DTD有关,ie 6 7 8,没问题,google,必须有标准的声明头)

scrollLeft  // 获取滚动栏离左边的距离（可视区域）

键盘事件

// 一般操作是给整体（document或者window）

kekdown  // 键盘按下

keyup  // 键盘弹起

ketpress  // 键盘按下与弹起之间，介于按下之后，弹起之前都是keypress事件，针对字符键a-z0-9

html事件

load  // 页面加载事件，默认触发，执行一次

unload  // 页面被卸载，组件被卸载的时候触发

submit  // 提交按钮触发的事件，需要表单加载，一般触发的元素是表单form

focus  // 获取焦点，常用于input

blur  // 失去焦点,常用于input

change   // 当input里面的值发生变化后，失去焦点时触发

select  // 当选择文本框（input或者textarea）中的内容时触发。常见用于禁止复制

reset  // 重置的时候，form表单元素触发