event.pageY和event.pageX

【event.pageY和event.pageX】的更多相关文章

event.pageY和event.pageX

event.pageY 属性返回鼠标指针的位置,相对于文档的上边缘. 提示:该事件属性通常与 event.pageX属性一起使用.(简写:e.pageY(或者e.pageX)) 实例: drag 首先我创建一个盒子drag .drag{ height: 100px; width: 100px; position:absolute; background:#0000CC; top:100px;left:200px; padding:; } <div class="drag">…

event.clientX和event.clientY

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

图解Js event对象offsetX, clientX, pageX, screenX, layerX, x区别

通过 3 张图和 1 张表格,轻松区别 JavaScript Event 对象中的offsetX, clientX, pageX, screenX, layerX, x等属性. 一.测试代码如下: <!DOCTYPE HTML> <html lang="zh-cn"> <head> <meta charset="utf-8" /> <title>Javascript</title> <st…

Js event对象offsetX，pageX，screenX，clientX详解

平时在测量元素位置时难以确定,下面给出具体的event对象中的各种属性,以便日后使用. 检测相对于浏览器的位置:clientX和clientY 当鼠标事件发生时,鼠标相对于浏览器左上角的位置检测相对于文档的位置:pageX和pageY 当鼠标事件发生时,鼠标相对于文档左上角的位置.(IE7/8无)(类似于event.clientX和event.clientY) 检测相对于屏幕的位置:screenX和screenY 当鼠标事件发生时,…

event和window.event

type:事件的类型,如onlick中的click:srcElement/target:事件源,就是发生事件的元素:button:声明被按下的鼠标键,整数,1代表左键,2代表右键,4代表中键,如果按下多个键,酒把这些值加起来,所以3就代表左右键同时按下:(firefox中 0代表左键,1代表中间键,2代表右键)clientX/clientY:事件发生的时候,鼠标相对于浏览器窗口可视文档区域的左上角的位置:(在DOM标准中,这两个属性值都不考虑文档的滚动情况,也就是说,无论文档滚动到哪里,只要事件…

event.srcElement ，event.fromElement，event.toElement

自然,我们都习惯了 IE,在 IE 中要在函数中获得各事件对象很容易,直接用 event.event.srcElemtn.event.fromElement.event.toElement 就行了.在 FireFox 中获得触发事件的元素可以用 event.target,但其他两个 fromElement 和 toElement 就要费些周折. 1.event.srcElement :当前事件的源 var obj = event.srcElement ? event.srcElemen…

阻止事件冒泡，阻止默认事件，event.stopPropagation()和event.preventDefault()，return fal的区别

今天来看看前端的冒泡和事件默认事件如何处理 1.event.stopPropagation()方法这是阻止事件的冒泡方法,不让事件向documen上蔓延,但是默认事件任然会执行,当你掉用这个方法的时候,如果点击一个连接,这个连接仍然会被打开, 2.event.preventDefault()方法这是阻止默认事件的方法,调用此方法是,连接不会被打开,但是会发生冒泡,冒泡会传递到上一层的父元素: 3.return false : 这个方法比较暴力,他会同事阻止事件冒泡也会阻止默认事件:写上此代…

Javascript中event.srcElement和event.target的区别

event.srcElement 可以捕获当前事件作用的对象,如event.srcElement.tagName可以捕获活动标记名称.注意获取的标记都以大写表示,如"TD","TR","A"等.所以把看过的一些抄下来,不记得的时候再来看看. <script type="text/javascript"> function tdclick(){ if(event.srcElement.tagNam…

event.keyCode ，event.which ，event.charCode (2016-12-27 16:17:16)

javascript判断是否按回车键 <input id="chatMsg" name="chatMsg" type="text" size="90" onkeypress="enterHandler(event);"/> function enterHandler(event) { //获取用户单击键盘的"键值" var keyCode = event.keyCode ?…

【前端】event.target 和 event.currentTarget 的区别

event.target 和 event.currentTarget 的区别举例说明: <!DOCTYPE html> <html> <head> <title></title> <style> div { margin: 1rem; padding: 1rem; } #a {background-color: #f00;} #b {background-color: #0f0;} #c {background-color: #00…

js的event.srcElement与event.target（触发事件对象）

IE下,event对象有srcElement属性,但是没有target属性; Firefox下,event对象有target属性,但是没有srcElement属性.但他们的作用是相当的,即: firefox 下的 event.target = IE 下的 event.srcElement 解决方法:使用obj = event.srcElement ? event.srcElement : event.target; 或:var evtTarget = event.target || event.…

javascript坐标：event.x、event.clientX、event.offsetX、event.screenX 用法

clientX 设置或获取鼠标指针位置相对于窗口客户区域的 x 坐标,其中客户区域不包括窗口自身的控件和滚动条. clientY 设置或获取鼠标指针位置相对于窗口客户区域的 y 坐标,其中客户区域不包括窗口自身的控件和滚动条. offsetX 设置或获取鼠标指针位置相对于触发事件的对象的 x 坐标. offsetY 设置或获取鼠标指针位置相对于触发事件的对象的 y 坐标. screenX 设置或获取获取鼠标指针位置相对于用户屏幕的 x 坐标. screenY 设置或获取鼠标指针位置相对于用户屏幕…

php加了命名空间没引入初始化文件：类的命名空间要与文件夹名一致namespace Business\Event;缺少了Event

php加了命名空间没引入初始化文件:类的命名空间要与文件夹名一致namespace Business\Event;缺少了Event…

关于js中return false、event.preventDefault()和event.stopPropagation()

在平时项目中,如果遇到需要阻止浏览器默认行为,大家经常会用return false;和event.preventDefault()来阻止,但对它俩的区别还是有些一知半解,于是看了文档,查了些资料,在此总结下它俩的区别,顺便带上event.stopPropagation()一起区分下. 一.原生js中: 关于return false和preventDefault: 在W3C Document Object Model Events Specification1.3版本中提到过: The Event…

7.5.1 Point-in-Time Recovery Using Event Times 使用Event Times 基于时间点恢复

7.5.1 Point-in-Time Recovery Using Event Times 使用Event Times 基于时间点恢复表明开始和结束时间用于恢复, 指定 --start-datetime and --stop-datetime 选项用于mysqlbinlog, 在日期格式下.作为一个例子,假设在2005年4月20日上午十点SQL语句被执行, 删除了一个达标. 为了恢复表和数据,你可以恢复先前的备份,然后执行下面的语句: shell> mysqlbinlog --stop-da…

event.srcElement与event.target的区别

window.event.srcElement与window.event.target 都是指向触发事件的元素,它是什么就有什么样的属性 srcElement是事件初始化目标html元素对象引用,因为事件通过元素层次冒泡,可以在任意一层进行处理, 有了元素的引用,就可以读写改元素的属性. IE浏览器支持window.event.srcElement , 而firefox支持window.event.target: event.srcElement从字面上可以看出来有以下关键字:事件,源他的意思…

javascript中event.clientX和event.clientY用法的注意事项

今天做项目用到了event.clientX和event.clientY,给元素定位,用定位的时候,让top和left等于事件元素的的坐标 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>javascript的动态显示</title> <style> a{ display:block; height:50px; width:50px;…

浅谈event.client、event.screen与event.offset

每每看到event.client.event.screen与event.offset这几个,头都大了,今天又碰到了,特来总结下. 1.event.screenX与event.screenY. 首先,event.screenX是鼠标相对于用户显示器屏幕左上角的X坐标. 而event.screenY则是鼠标相对于用户显示器屏幕左上角的Y坐标. 在标准事件和IE事件中都定义了这2个属性 2.event.clientX与event.clientY. event.clientX是鼠标相对于浏览器窗口可视区…

event.target 和 event.currentTarget 的区别

event.target This property of event objects is the object the event was dispatched on. It is different than event.currentTarget when the event handler is called in bubbling or capturing phase of the event. event.currentTarget Identifies the current t…

JS 之阻止事件冒泡，阻止默认事件，event.stopPropagation()和event.preventDefault()，return false的区别

在前端开发中,有时我们需要阻止冒泡和阻止默认事件的发生. 一.event.stopPropagation() 阻止事件的冒泡,不让事件向documen上蔓延,但是默认事件任然会执行,当调用这个方法的时候,如果点击一个连接,这个连接仍然会被打开. 二.event.preventDefault() 阻止默认事件的方法,调用此方法时,连接不会被打开,但是会发生冒泡,冒泡会传递到上一层的父元素: 三.return false: 这个方法比较暴力,会同时阻止事件冒泡也会阻止默认事件:写上此代码,连接不会被…

1) 嵌套的 div ,或者 ul ol .li 阻止冒泡 ,特别是对应onclick="test(event)" 通过传递event 阻止冒泡. cancelBubble , stopPropagation

1 .html 结构: <ul class="ul_2 hide" data-first="5"> <li class="li_2" onclick="getSecond(this, 6)">5学习目标 <ul class="ul_3"> <li class="li_3" onclick="getThird(this, 11, even…

如何读取Linux键值，输入子系统，key，dev/input/event，dev/event，C语言键盘【转】

转自:https://blog.csdn.net/lanmanck/article/details/8423669 相信各位使用嵌入式的都希望直接读取键值,特别是芯片厂家已经提供input驱动的情况下,例如GPIO或者扫描类型的键盘.那么在应用层如何通过C语言获取键值呢? 给兄弟们一个重量级的源码,看下面,大家拿去编译运行就知道怎么回事了,当然,可以使用select而不是while()来读取更好一点,留给各位去想象了: 注意: #include<linux/input.h> 为内核源码的头文件…

event.stopPropagation()，event.preventDefault()和return false的区别

event.stopPropagation(),event.preventDefault()和return false的区别 1.event.stopPropagation()方法这是阻止事件的冒泡方法,不让事件向documen上蔓延,但是默认事件仍然会执行,当你掉用这个方法的时候,如果点击一个连接,这个连接仍然会被打开, 2.event.preventDefault()方法这是阻止默认事件的方法,调用此方法是,连接不会被打开,但是会发生冒泡,冒泡会传递到上一层的父元素: 3.return…

Event.target和Event.currentTarget的区别

阻止事件冒泡，阻止默认事件，event.stopPropagation()和event.preventDefault()，return false的区别

1.event.stopPropagation()方法这是阻止事件的冒泡方法,不让事件向documen上蔓延,但是默认事件任然会执行,当你掉用这个方法的时候,如果点击一个连接,这个连接仍然会被打开, 2.event.preventDefault()方法这是阻止默认事件的方法,调用此方法是,连接不会被打开,但是会发生冒泡,冒泡会传递到上一层的父元素: 3.return false : 这个方法比较暴力,他会同事阻止事件冒泡也会阻止默认事件:写上此代码,连接不会被打开,事件也不会传递到上一层的…

JavaScript Event Delegation, and event.target vs. event.currentTarget

原文:https://medium.com/@florenceliang/javascript-event-delegation-and-event-target-vs-event-currenttarget-c9680c3a46d1 In this case, at the time you call console.log(e), there's a DOM element in the currentTarget property. But sometime later, that pro…

BEGINNING SHAREPOINT® 2013 DEVELOPMENT 第12章节--SP 2013中远程Event Receivers 远程Event Receivers App级别生命周期

BEGINNING SHAREPOINT® 2013 DEVELOPMENT 第12章节--SP 2013中远程Event Receivers 远程Event Receivers App级别生命周期微软在新的云App模型中对Apps生命周期的管理投入了大量的投资.…

JS基础篇--JS的event.srcElement与event.target（触发事件对象）

IE下,event对象有srcElement属性,但是没有target属性; Firefox下,event对象有target属性,但是没有srcElement属性.但他们的作用是相当的,即: firefox 下的 event.target = IE 下的 event.srcElement 解决方法:使用obj = event.srcElement ? event.srcElement : event.target; 或:var evtTarget = event.target || event.…

event.currentTarget与event.target的差别介绍

event.currentTarget与event.target的差别想大家在使用的时候不是非常在意.本文以測试代码来解说它门之间的不同.即,event.currentTarget指向事件所绑定的元素,而event.target始终指向事件发生时的元素.翻译的不专业,好拗口啊,还是直接上測试代码吧: <div id="wrapper"> <a href="#" id="inner">click here!</a&…

event.relatedTarget、event.fromElement、event.toElement

在标准DOM中,mouseover和mouseout所发生的元素可以通过event.target来访问,相关元素通过event.relatedTarget属性来访问.event.relatedTarget属性在mouseover中相当于IE浏览器的event.fromElement属性,在mouseout中相当于IE浏览器的event.toElement,jQuery对其进行了封装,使之能兼容各种浏览器. function getRelatedTarget (event) { if (event…