event对应的各种坐标 - 相关文章

【event对应的各种坐标】的更多相关文章

event对应的各种坐标

IE8不支持的PageXY 相对于整个页面鼠标的位置包括溢出的部分 event.pageX; event.pageY; 所有浏览器支持的: 相对于当前浏览器窗口可视区域的坐标event.clientX;event.clientY; 相对于当前屏幕(和浏览器窗口大小无关)的坐标event.screenX;event.screenY; <!DOCTYPE html> <html> <head lang="en"> <meta charset=…

鼠标事件event和坐标

鼠标事件(e=e||window.event) event.clientX.event.clientY 鼠标相对于浏览器窗口可视区域的X,Y坐标(窗口坐标),可视区域不包括工具栏和滚动条.IE事件和标准事件都定义了这2个属性 event.pageX.event.pageY 类似于event.clientX.event.clientY,但它们使用的是文档坐标而非窗口坐标.这2个属性不是标准属性,但得到了广泛支持.IE事件中没有这2个属性. event.offsetX.event.offsetY 鼠…

ugui Event.current.mousePosition获取的坐标原点在左上角

脚本里使用OnGUI(),在鼠标按下时出发EventType.MouseDown事件,此时如果观察Event.current.mousePosition的坐标原点时左上角,即鼠标按下的点越靠近左上角,Event.current.mousePosition就越接近(0,0): 而ugui的 canvas内的坐标系是以左下角为原点的,这样当两种坐标在一起使用时就需要把其中一个坐标用屏幕的高度Scree.height减去y才行.…

#event.initMouseEvent

initMouseEvent 方法用于初始化通过 DocumentEvent 接口创建的 MouseEvent 的值.此方法只能在通过 dispatchEvent 方法指派 MouseEvent 之前调用,尽管在该阶段可以多次调用它(如有必要).如果被多次调用,则最后一次调用优先. typeArg - 指定事件类型. canBubbleArg - 指定该事件是否可以 bubble. cancelableArg - 指定是否可以阻止事件的默认操作 viewArg - 指定 Event 的 Abst…

Event 对象

哪个鼠标按钮被点击? <html> <head> <script type="text/javascript"> function whichButton(event) { var btnNum = event.button; if (btnNum==2) { alert("您点击了鼠标右键!") } else if(btnNum==0) { alert("您点击了鼠标左键!") } e…

js 实现的页面图片放大器以及 event中的诸多 x

背景: 淘宝.天猫等电商网站浏览图片时可以查看大图的功能: 思路: 思路很简单,两张图片,一张较小渲染在页面上,一张较大是细节图,随鼠标事件调整它的 left & top; 需要的知识点: onmouseover onmouseout onmouseenter js event对象中的各类坐标源码: // index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset=…

JS事件（四）坐标位置

1.客户区坐标位置 (相对于客户端视口,而无关浏览器缩放) clientX与clientY:表示事件发生时鼠标在视口的坐标,不包括页面滚动距离,因此不代表鼠标在页面上的位置. 2.页面坐标位置 pageX与pageY:包括页面滚动距离,代表鼠标在页面上的位置. 无滚动时,clientX==pageX,clientY==pageY 3.屏幕坐标位置 screenX与screenY:鼠标指针相对于整个屏幕的坐标位置 var div=document.getElementById("div"…

html页面中event的常见应用

一:获取键盘上某个按键的unicode值 <html> <head> <script type="text/javascript"> function whichButton(event) { alert(event.keyCode) } </script> </head> <body onkeyup="whichButton(event)"> <p><b>注释:<…

Javascript防冒泡事件与Event对象

防冒泡防冒泡用到的就是event的属性和方法 function add2shop(e) { if (!e) var e = window.event; e.cancelBubble = true; // IE if (e.stopPropagation) e.stopPropagation(); // 其他 // todo... } Event对象案例案例一,鼠标点击判断 <html> <head> <script type="text/javascript&q…

DOM中Event 对象如何使用

DOM中Event 对象如何使用一.总结一句话总结: 1.将event作为参数传递进来,然后就可以调用event对象的各种属性和方法了. <body onmousedown="whichButton(event)"> 2.事件通常与函数结合使用,函数不会在事件发生前被执行! 之前: 1.包括页面事件和键盘鼠标等外设的事件,就是监听所有对它可能影响的操作 2.先记住四个,onclick,onblur,onchange,onfocus 1.如何使用dom中event对象?…