用户界面事件:当用户与页面的上的元素交互时发生,但不一定与用户操作有关的事件。

load事件:当页面加载完毕时在window上触发,当图像加载完毕时在ing元素上触发,等等,页面完全加载完毕(包括所有图像,js文件,css等外部文件资源)时触发,img只要设置了src就会下载

unload事件:当页面完全卸载时在window上触发,等等。当一个页面切换到另一个页面时就会触发,经常利用这个事件来清除引用,减少内存的泄露

error:当发生js错误时在window上触发,当图像无法加载时在img上触发

abort事件:当用户停止下载过程时,如果嵌入的内容没有加载完成,则在object元素上触发

select:当用户选择文本框(input或textarea)中的一或多个字符时触发

resize:当窗口或框架的大小发生改变时在window上触发

scroll:当用户滚动带滚动条的元素中的内容时,在该元素上触发

焦点事件:当元素获得焦点或失去焦点时触发

blur:失去焦点时触发,这个事件不会冒泡

focus:获得焦点时触发,不冒泡

focusin:在获得焦点时触发,但他冒泡,DOM3新增

focusout:在失去焦点时触发,冒泡

鼠标事件:当用户通过鼠标在页面上执行操作时触发

click:单击事件,用户单机鼠标按钮(一般是左键)或按下回车键时触发

dbclick:双击事件,当双击鼠标时触发(一般是左键)

mousedown:当用户在按下任意鼠标按钮时触发

mouseup:当用户释放鼠标按钮时触发

mouseenter:在鼠标光标从外部首次(是指每次进入元素,并不是只执行一次)时触发,而且这个事件不冒泡,而且在光标移到到后代元素上不会触发(从父区域进入子区域,再从子区域进入父区域是不会触发的,因为他认为子区域也是他的一部分)

mouseleave:鼠标离开和mouseenter:鼠标进入是一对,刚好相反

mousemove:当鼠标指针在元素内部移时重复的触发

mouseout:当鼠标指针位于一个元素上方,然后移到到另一个元素上方时触发,另一个元素可能是外部元素也可能是他的后代元素,因为他不认为后代元素所在的区域是他的一部分

mouseover:鼠标指针进入和mouseout 鼠标指针离开是一对,恰好相反

除了mouseleave和mouseenter之外都会冒泡

click事件只有触发了mousedown和mouseup之后才会触发,代表click只有触发两次clic才会触发,如果取消了之前的事件将会不触发

鼠标事件都是在浏览器视口中的特定位置发生的,可以通过事件的属性获取到。

坐标位置:

视口区(客户区)坐标位置:clientX和clientY可以获取到位置信息。所有浏览器都支持这两个属性,是相对于浏览器的视口而不是页面而言的,不包括地址栏等

页面坐标位置:pageX和pageY,相对于页面而言,ie8及更早版本不支持这两个属性,不过我们可以计算出来

event.clientX+(document.body.scrollLeft + document.documentElement.scrollLeft)

event.clientY + (document.body.scrollTop + document.documentElement.scrollTop)

屏幕坐标位置:相对于整个电脑屏幕,screenX和screenY

滚轮事件:当使用鼠标滚轮(或类似事件)时触发

mousewheel:跟踪鼠标滚轮或笔记本触摸板

文本事件:当在文档中输入时触发

textinput:在文本显示给用户之前更容易拦截文本,是对keypress的补充

可编辑区输入字符键才可以出发

ie9才支持,firefox不支持

键盘事件:当用户通过键盘在页面上执行操作时触发

keydown:用户按下键盘上的任意键时触发,而且按住不放的话,会重复触发此事件

keypress:用户按下键盘上的字符键时触发,而且按住不放的话,会重复触发此事件,按下esc也会触发

keyup:用户释放键盘上的键时触发

所有元素都支持这三个事件

keydown-》keypress-》textinput-》keyup

keyup和keydown的event有个keycoe属性,代表键盘码,与ASCII相对应

移动端-小程序事件:

touchstart: 当手指触摸屏幕的时候出发

touchmove: 当手指在屏幕移动的时候

touchend: 手指离开屏幕的时候触发

touchcancel:  当被迫中止滑动的时候触发(弹消息,来电等等);

tap:手指触摸后离开(点击)

longtap: 手指触摸后后,超过350ms离开

事件绑定的写法同组件的属性,以 key、value 的形式。

key 以bind或catch开头,然后跟上事件的类型,如bindtap, catchtouchstart

达内 万寿路 东神

qgraphicsitem鼠标移动事件阻塞_常用的DOM事件相关推荐

  1. java 事件通知_正确获取Java事件通知

    java 事件通知 实现观察者模式以提供Java事件通知似乎是一件容易的事. 但是,容易陷入一些陷阱. 这是我在各种场合不慎造成的常见错误的解释-- Java事件通知 让我们从一个简单的bean St ...

  2. 移除元素所有事件监听_前端日记—DOM 事件机制和事件委托

    DOM事件机制 事件指的就是就是onclick,onmouseover,onmouseout等. 2002年W3C规定了浏览器的事件调用顺序标准,这其中有两个关键术语. 事件捕获:简单一点解释事件捕获 ...

  3. wpf 监听退出事件_WPF中常用的Window事件

    1. Activated获得焦点事件 和 Deactivated失去焦点的事件: Activated: 获得焦点 (首次打开软件时:由别的软件切换回当前软件时:点击当前软件在任务栏的按钮时) Deac ...

  4. angular4点击事件监听_JavaScript从零开始——DOM事件编程(1)

    事件的本质是程序各个组成部分之间的一种通信方式,也是异步编程的一种实现.DOM 支持大量的事件,本章开始,我们一起看看 DOM 的事件编程. 1 概念 DOM 的事件操作(监听和触发),都定义在Eve ...

  5. python事件循环_简单了解一下事件循环(Event Loop)

    关于我 一个有思想的程序猿,终身学习实践者,目前在一个创业团队任team lead,技术栈涉及Android.Python.Java和Go,这个也是我们团队的主要技术栈. Github:https:/ ...

  6. element分页点击事件_关于原生dom事件添加、删除方法的一些拓展

    引言 这是一个简单的需求,衍生的思考. 昨天QA提了一个富文本优化的需求,当插入视频和音频时,如果用户同时点击了视频.音频,那么其他的视频或者音频应该停止播放,只有最后一个点击的才会是播放状态. 需求 ...

  7. vue移动端点击事件延迟_去除点击事件300ms延迟 (使用了vue之后)

    因为习惯用vue了,再回到以前 采用获取dom节点来操作的写法 就觉得很麻烦. 我在 click 事件里面加了 tapmode 属性,在安卓里面没有300ms的延迟,但是在ios里面就会有这个问题. ...

  8. 773-780---DOM事件高级(常用鼠标事件,案例:跟随鼠标的天使,常用的键盘事件,案例:模拟京东按键输入内容,案例:模拟京东快递单号查询)

    文章目录 事件高级 7 常用的鼠标事件 7.1常用的鼠标事件 7.2 鼠标事件对象 案例:跟随鼠标的天使 8 常用的键盘事件 8.1 常用的键盘事件 8.2 键盘事件对象 8.3 ASCII 表 案例 ...

  9. vue学习:事件传递(冒泡和捕获),事件委托,jquery中的事件委托,$event 获取元素,vue事件修饰符

    事件传递 ----冒泡和捕获 DOM事件标准定义了两种事件流,这两种事件流分别是捕获和冒泡. 和许多Web技 术一样,在它们成为标准之前,Netscape和微软各自不同地实现了它们.Netscape选 ...

最新文章

  1. 中科创星米磊:从五个方向筛选“硬科技”企业
  2. Linux下shell颜色配置
  3. C#语言入门详解---委托(刘铁猛)
  4. Java™ 教程(控制流语句)
  5. 如何使用Dojo的DatePicker控件制作联动日期选择器
  6. caffe中的 AlexNet,LeNet,CaffeNet
  7. 初识python之django创建工程
  8. python编写量化交易程序英语_Python量化交易开源框架:AmazingQuant
  9. MESSAGE消息发送失败
  10. LINUX编译automake
  11. AutoCAD2020线型比例修改
  12. adobe flash builder4.6 安装存在问题,可能未安装某些必需组件
  13. 《HarmonyOS开发 – 小凌派-RK2206开发笔记》第4章 串口应用开发
  14. 百花齐放的国产数据库
  15. 2. Hadoop的安装(这你都没装好,我就服了)
  16. phpBB 2.06漏洞
  17. Qt发布exe软件及修改exe应用程序图标
  18. JAVA冒泡的介绍与使用
  19. reverse ez_xor writeup
  20. word标题和目录制作方法

热门文章

  1. Yii的控制器等名称获取
  2. java安卓获取mac_android开发分享以编程方式获取Android设备的MAC
  3. SQL中的left join
  4. python3ide_Python IDE Windows下载3.4.2 安装版
  5. C语言表示一元四次函数,论c语言程序设计 第四次讨论.ppt
  6. Mybatis中mapper接口里方法重载的实现
  7. java 转时区_java – 时区转换
  8. java如何对一个表达式开根号_作为一个零基础的新手,如何系统的自学Java和JavaEE开发技术?...
  9. h5页面笔按下默认是拖动_屡屡刷屏的长页面H5原来是这样诞生的
  10. 【win10】如何在桌面上,显示我的电脑