DOM 鼠标事件

2018-07-13 admin
  1. clientX,clientY 客户端坐标位置,当事件发生时,鼠标的位置
  2. pageX,pageY页面坐标位置,发生事件的页面坐标
  3. screenX,screenY事件发生时相对屏幕的坐标
  4. 修改键:shiftctrlaltwin对应的修改键状态shiftKeyctrlKeyaltKeymetaKey,他们是布尔值,按下为true,松开为false

滚动

mousedownmouseupbutton属性监测鼠标按下哪个键:0是鼠标左键,1鼠标中间的滚轮,2鼠标右键 mouseWheel监测鼠标滚动,wheelDelta可以判定鼠标滚动方向,+向上滚动,-向下滚动,都是180的倍数

键盘

  1. keydown键盘上按下任意键触发,按住不放会重复触发,文本框变化之前触发
  2. keypress键盘上按下任意字符键触发,按住不放会重复触发,文本框变化之前触发
  3. keyup键盘上释放任意键触发
  4. textInputkeypress类似,书上说textInput只能在可编辑区域触发,只能按下有效字键才能触发(enter键无法触发,ctrl+v可以触发),keypress按下任何影响文本显示的键都会触发(enter键可以触发,ctrl+v无法触发),但我操作下来,发现这两者并没有什么区别。
  5. location属性4表示设备键盘

原文链接:https://segmentfault.com/a/1190000015625542

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处。

转载请注明:文章转载自 JavaScript中文网 [https://www.javascriptcn.com]

本文地址:https://www.javascriptcn.com/read-35904.html

文章标题:DOM 鼠标事件

相关文章
vuejs2.0实现分页组件使用$emit进行事件监听数据传递的方法
如果我有几个页面都需要有分页效果,不可能每个页面都去复制一下这段代码吧,意思是封装一下,变成通用的组件。 首先使用基础 Vue 构造器,创建一个“子类”,Vue.extend( options ) var barHtml = '&...
2017-03-15
javascript实现相同事件名称,不同命名空间的调用方法
本文实例讲述了javascript实现相同事件名称,不同命名空间的调用方法。分享给大家供大家参考。具体实现方法如下: <html xmlns="http://www.w3.org/1999&#x...
2017-03-25
Javascript仿新浪游戏频道鼠标悬停显示子菜单效果
本文实例讲述了Javascript仿新浪游戏频道鼠标悬停显示子菜单效果,分享给大家供大家参考。具体如下: 这里演示使用JS实现的网页栏目分类菜单,从新浪游戏频道扣下来的,操作方式类似于滑动门的效果,鼠标无需点击,只需把鼠标放在一级主菜单上,...
2017-03-29
JavaScript监听文本框回车事件并过滤文本框空格的方法
本文实例讲述了JavaScript监听文本框回车事件并过滤文本框空格的方法。分享给大家供大家参考。具体如下: <script type="text/javascript" language="j...
2017-03-22
javascript基于DOM实现省市级联下拉框的方法
本文实例讲述了javascript基于DOM实现省市级联下拉框的方法。分享给大家供大家参考。具体实现方法如下: <html xmlns="http://www.w3.org/1999/...
2017-03-23
浅谈javascript中的DOM方法
1:获取对象的三种方法 1)document.getElementById(id);通过对象的属性id来获取; 2)element.getElementByTagName(tag);通过标签名来获取; 3)element.getElemen...
2017-03-27
js实现鼠标滑过文字链接色彩变化的效果
本文实例讲述了js实现鼠标滑过文字链接色彩变化效果的方法。分享给大家供大家参考。具体实现方法如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1...
2017-03-23
js实现精美的图片跟随鼠标效果实例
本文实例讲述了js实现精美的图片跟随鼠标效果实现方法。分享给大家供大家参考。具体实现方法如下: <html> <head> <meta http-equiv="Content-Type" c...
2017-03-23
javascript实时获取鼠标坐标值并显示的方法
本文实例讲述了javascript实时获取鼠标坐标值并显示的方法。分享给大家供大家参考。具体实现方法如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHT...
2017-03-23
javascript实现百度地图鼠标滑动事件显示、隐藏
其实现思路是给label设置样式,我们来看下具体做法吧 var label = new BMap.Label("我是文字标注哦",{offset:new BMap.Size(20,-10)}); label.setS...
2017-03-22
回到顶部