`
qiangneu
  • 浏览: 7963 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

JS window.event 详解

 
阅读更多

1. window.event属性
altKey:alt是否按下
button:鼠标按下的值
可能的值:
0 没按键
1 按左键
2 按右键
3 按左右键
4 按中间键
5 按左键和中间键
6 按右键和中间键
7 按所有的键
这个属性仅用于onmousedown, onmouseup, 和 onmousemove 事件。对其他事件,不管鼠标状态如何,都返回 0(比如onclick)。
clientX:鼠标点击的X坐标
clientY:鼠标点击的Y坐标
ctrlKey:ctrl是否按下
shiftKey:shift是否按下
fromElement:检测 onmouseover 和 onmouseout 事件发生时,鼠标所离开的元素(从什么地方来。得到的是某个对象,可以在得到他的名字、ID之类)
toElement:检测 onmouseover 和 onmouseout 事件发生时,鼠标所进入的元素(到了什么地方。得到的是某个对象,可以在得到他的名字、ID之类)
keyCode:得到按下键的ASCII码
offsetX:触发一个事情后,得到鼠标当前的X坐标
offsetY:触发一个事情后,得到鼠标当前的Y坐标
screenX:检测鼠标相对于用户屏幕的X(水平)位置(上面两个是相对于窗口,这两个是相对与屏幕)
screenY:检测鼠标相对于用户屏幕的Y(垂直)位置
returnValue:设置或检查从事件中返回的值
可能的值:
true 事件中的值被返回
false 源对象上事件的默认操作被取消
srcElement:返回触发事件的元素
type:返回事件名,返回没有“on”作为前缀的事件名,比如,onclick事件返回的type是click
x:鼠标X坐标
y:鼠标Y坐标

x:设置或者是得到鼠标相对于目标事件的父元素的外边界在x坐标上的位置。
clientX:相对于客户区域的x坐标位置,不包括滚动条,就是正文区域。
offsetx:设置或者是得到鼠标相对于目标事件的父元素的内边界在x坐标上的位置。
screenX:相对于用户屏幕。

分享到:
评论

相关推荐

    js事件源window.event.srcElement兼容性写法(详解)

    下面小编就为大家带来一篇js事件源window.event.srcElement兼容性写法(详解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    js window.event对象详尽解析

    event代表事件的状态,例如触发event对象的元素、鼠标的位置及状态、按下的键等等。 event对象只在事件发生的过程中才有效。 event的某些属性只对特定的事件有意义。比如,fromElement 和 toElement 属性只对 ...

    javascript中window.event事件用法详解

    前两天写程序时因为要用到javascript中的window.event事件,于是就在网上搜了一下,终于找到一篇不错的文章,来与大家分享下: 描述 event代表事件的状态,例如触发event对象的元素、鼠标的位置及状态、按下的键等等...

    JS中的THIS和WINDOW.EVENT.SRCELEMENT详解

    对于js初学着必须理解this和srcElement的应用,这也是面试中经常考到的。下面我们就通过几个示例来详细了解下

    js兼容问题 详解

    做BS开发就难免会用到javascript,而每个浏览器对javascript的支持有不同。这就需要我们程序员去兼容他们,不然有些浏览器就无法运行我们的代码。就会造来客户的投诉,如果让BoSS知道了,这可不太好哦。下面是兼容IE...

    JS event使用方法详解

    event的某些属性只对特定的事件有意义。比如,fromElement 和 toElement 属性只对 ... [removed]… function cancelLink() …{ if (window.event.srcElement.tagName == “A” && window.event.shiftKey)

    使用JavaScript获取扫码枪扫描得到的条形码的思路代码详解

    下面通过实例代码给大家介绍js扫码枪扫描条形码... if(window.event){ // IE nextCode = e.keyCode } else if(e.which){ // Netscape/Firefox/Opera nextCode = e.which } //+键,增加新数据行 if

    js oncontextmenu事件使用详解

    定义和使用 oncontextmenu 事件在元素中用户右击鼠标时触发并打开上下文菜单。 注意:所有浏览器都支持 ...onconTextmenu=window.event.returnValue=false;右键菜单禁用,用这个可以禁止复制。 在<body>中加

    mootools-1.2 源码分析

    内含: 01-native.js 02-utils.js 03-hash.js ...06-window.js 07-document.js 08-function.js 09-number.js 10-string.js 11-event.js 12-class.js 13-class.extras.js mootools1.2中文文档(html版)

    vuejs事件中心管理组件间的通信详解

    本文为大家分享了vuejs事件中心管理组件间的通信,供大家参考,具体内容如下 事件中心 这个可以是一个空的全局的Vue实例,其他的组件利用这个实例... //listen event window.eventHub.$on('switchComments',this.sw

    js [removed] 加载多个函数和追加函数详解

    “this is window onload event!”);return;} [removed]=func; 或者如下: [removed]=function(){alert(“this is window onload event!”);return;} 但[removed] 不能同时加载多个函数。 比如: ...

    JavaScript详解(第2版)

     10.1.2 window对象的使用   10.1.3 创建定时事件   10.1.4 Frame的使用   10.1.5 location对象   10.1.6 history对象   10.1.7 screen对象   10.2 应知应会   练习   第11章 表单及输入...

    代码详解JS操作剪贴板

    javascript可以使用window.clipboardData对象处理剪贴板内容。 保存到剪贴板的方法setData(param1, param2)。 param1 :数据类型 text 或 URL等。 param2 :数据内容。 从剪贴板读出数据的方法 getdata(param1) ...

    IBM WebSphere Portal门户开发笔记01

    47、JS WINDOW.EVENT.CANCELBUBBLE 事件冒泡 323 48、JS解决COOKIE跨域访问的问题之方法一 323 49、JS禁止复制网页代码 324 50、JS 禁止剪切、复制、粘贴的文本框代码 326 51、如何禁止火狐浏览器的右键功能 327 52...

    JS奇技之利用scroll来监听resize详解

    大家都知道知道原生的 resize 事件只能作用于 defaultView 即 window 上,那么我们应该通过什么样的方式来监听其他元素的大小改变呢?笔者最近学习发现了一种神奇的方法,通过 scroll 事件来间接实现 resize 事件的...

    vue-router两种模式区别及使用注意事项详解

    它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。vue-router 默认 hash 模式,还有一种是history模式。 hash模式 hash模式的工作原理是hashchange事件,可以在window监听hash的变化。我们在url后面随便...

Global site tag (gtag.js) - Google Analytics