Js-三大事件(鼠标事件、键盘事件、html事件)

1、鼠标事件

click:单击

dblclick:双击

mousedown:鼠标按下

mouseup:鼠标抬起

mouseover:鼠标悬浮

mouseout:鼠标离开

mousemove:鼠标移动

mouseenter:鼠标进入

mouseleave:鼠标离开

2、键盘事件

keydown:按键按下

keyup:按键抬起

keypress:按键按下抬起

3、HTML事件

load:文档加载完成

select:被选中的时候

change:内容被改变

focus:得到光标

resize:窗口尺寸变化

scroll:滚动条移动

举个栗子,就以html的最后两个来说,是针对整个window对象的

/*窗口尺寸变化*/

window.onresize = function () {

   console.log("窗口变化!")

};

/*滚动条移动*/

window.onscroll = function () {

   console.log("滚动");

}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 事件流分为两种,捕获事件流和冒泡时间流 捕获事件流:从根节点出发开始执行,一直往子节点查找执行,直到查到到根节点。...
    路上灵魂的自由者阅读 419评论 0 0
  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 3,559评论 1 11
  • 一、DOM 什么是DOM?Document Object Model(文档对象模型)。DOM是针对HTML和XML...
    空谷悠阅读 990评论 0 2
  • 本文转自(原文太杂乱,这里调整了格式及内容):http://enkichen.com/2018/09/12/osx...
    topws1阅读 18,959评论 0 27
  • js简介 Js是一种基于事件和对象驱动的解释性、松散性的语言。 一切皆对象 javascript 布兰登艾奇 ...
    塔库纳玛哈哈阅读 1,245评论 0 2