JavaScript之常用事件类型有哪些

本篇内容介绍了“JavaScript之常用事件类型有哪些”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！click：用户单击主鼠标按钮（一般是左键）或者按下在聚焦时按下回车键时触发dblclick：用户双击主鼠标按键触发（频率取决于系统配置）mousedown：用户按下鼠标任意按键时触发mouseup：用户抬起鼠标任意按键时触发mousemove：鼠标在元素上移动时触发mouseover：鼠标进入元素时触发mouseout：鼠标离开元素时触发mouseenter：鼠标进入元素时触发，该事件不会冒泡mouseleave：鼠标离开元素时触发，该事件不会冒泡over和out，不考虑子元素，从父元素移动到子元素，对于父元素而言，仍然算作离开enter和leave，考虑子元素，子元素仍然是父元素的一部分mouseenter和mouseleave不会冒泡所有的鼠标事件，事件处理程序中的事件对象，都为 MouseEventaltKey：触发事件时，是否按下了键盘的alt键ctrlKey：触发事件时，是否按下了键盘的ctrl键shiftKey：触发事件时，是否按下了键盘的shift键button：触发事件时，鼠标按键类型0：左键1：中键2：右键page：pageX、pageY，当前鼠标距离页面的横纵坐标client: clientX、clientY，鼠标相对于视口的坐标offset：offsetX、offsetY，鼠标相对于事件源的内边距的坐标screen: screenX、screenY，鼠标相对于屏幕x、y，等同于clientX、clientYmovement：movementX、movementY，只在鼠标移动事件中有效，相对于上一次鼠标位置，偏移的距离keydown：按下键盘上任意键触发，如果按住不放，会重复触发此事件keypress：按下键盘上一个字符键时触免费云主机、域名发keyup：抬起键盘上任意键触发keydown、keypress 如果阻止了事件默认行为，文本不会显示。KeyboardEventcode：得到按键字符串，适配键盘布局。key：得到按键字符串，不适配键盘布局。能得到打印字符。keyCode、which：得到键盘编码focus：元素聚焦的时候触发（能与用户发生交互的元素，都可以聚焦），该事件不会冒泡blur：元素失去焦点时触发，该事件不会冒泡。submit：提交表单事件，仅在form元素有效。change：文本改变事件input: 文本改变事件，即时触发window全局对象load、DOMContentLoaded、readystatechangewindow的load：页面中所有资源全部加载完毕的事件
图片的load：图片资源加载完毕的事件浏览器渲染页面的过程：得到页面源代码创建document节点从上到下，将元素依次添加到dom树中，每添加一个元素，进行预渲染按照结构，依次渲染子节点document的DOMContentLoaded: dom树构建完成后发生readystate(页面有三个状
态): loading(正在加载中)、interactive(可交互)、complete(完成)interactive：触发DOMContentLoaded事件complete：触发window的load事件readystatechange（当页面状态发生改变的时候触发//返回改变后的状态）js代码应该尽量写到页面底部css应该写到页面顶部：避免出现闪烁（如果放到页面底部，会导致元素先没有样式，使用丑陋的默认样式，然后当读到css文件后，重新改变样式）JS应该写到页面底部：避免阻塞后续的渲染，也避免运行JS时，得不到页面中的元素。unload、beforeunloadbeforeunload: window的事件，关闭窗口时运行，可以阻止关闭窗口
unload：window的事件，关闭窗口时运行scroll窗口发生滚动时运行的事件通过scrollTop和scrollLeft，可以获取和设置滚动距离。resize窗口尺寸发生改变时运行的事件，监听的是视口尺寸contextmenu右键菜单事件paste粘贴事件copy复制事件cut几张距离图片

offsetParent获取某个元素第一个定位的祖先元素，如果没有，则得到bodybody的offsetParent为nulloffsetLeft、offsetTop //距离定位元素的距离 没有就是距离body相对于该元素的offsetParent的坐标如果offsetParent是body，则将其当作是整个网页getBoundingClientRect方法该方法得到一个对象，该对象记录了该元素相对于视口的距离click 模拟点击sumbit 模拟提交formdispatchEvent模拟事件window.scrollX、window.pageXOffset、window.scrollY、window.pageYOffsetwindow.scrollX、window.pageXOffset: 相当于根元素的scrollLeftwindow.scrollY、window.pageYOffset: 相当于根元素的scrollTopscrollTo、scrollByscrollTo: 设置滚动条位置 //window.scrollTo(x , y) 所有dom对象都可以用
scrollBy:表示原来的基础上增加x和y轴距离 window.scrollBy(x, y)resizeTo、resizeBy“JavaScript之常用事件类型有哪些”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注云技术网站，小编将为大家输出更多高质量的实用文章！

相关推荐: css3自适应布局如何实现

这篇文章主要介绍“css3自适应布局如何实现”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“css3自适应布局如何实现”文章能帮助大家解决问题。 自适应布局又称“响应式布局”，是指可以自动识别屏幕宽度、并做出相应调整的网…