javascript获取鼠标点击位置的坐标兼容写法

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>获取鼠标点击位置</title>
 6     <script>　　　　　　　　//考虑浏览器滚动条
 7             function getMousePos(event) {
 8                 var e = event || window.event;
 9                 var scrollX = document.documentElement.scrollLeft || document.body.scrollLeft;
10                 var scrollY = document.documentElement.scrollTop || document.body.scrollTop;
11
12                 var x = e.pageX || e.clientX + scrollX;
13                 var y = e.pageX || e.clientY + scrollY;
14
15                 return {
16                     ‘x‘: x,
17                     ‘y‘: y
18                 };
19             }
20             function mouseMove(event){
21                 var e = event || window.event;
22                 var mosePos = getMousePos(event);
23                 document.getElementById("txtX").value = mosePos.x;
24                 document.getElementById("txtY").value = mosePos.y;
25             }　　　　　　　　　　//鼠标按下时的坐标
26             document.onmousedown = mouseMove;
27
28     </script>
29 </head>
30 <body>
31     x:<input type="text" id="txtX">
32     y:<input type="text" id="txtY">
33 </body>
34 </html>

时间： 2024-10-19 15:58:41

javascript获取鼠标点击位置的坐标兼容写法的相关文章

JavaScript获取鼠标点击坐标

如何用JavaScript获取鼠标点击时在canvas画布上的坐标呢: 代码如下: -------------------------------------------------------------- 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>demo</title> 6

转自:http://www.cnblogs.com/dolphinX/archive/2012/10/09/2717119.html 在一些DOM操作中我们经常会跟元素的位置打交道,鼠标交互式一个经常用到的方面,令人失望的是不同的浏览器下会有不同的结果甚至是有的浏览器下没结果,这篇文章就上鼠标点击位置坐标获取做一些简单的总结,没特殊声明代码在IE8,FireFox,Chrome下进行测试兼容鼠标点击位置坐标相对于屏幕如果是涉及到鼠标点击确定位置相对比较简单,获取到鼠标点击事件后,事件scr

Unity获取鼠标点击位置，物体朝鼠标点击处移动

大型游戏中经常会有这种场景,点击屏幕位置,人物就会朝着鼠标点击位置移动,下面我们就来实现这种效果. 首先,我们在场景中添加一个Plane,并且设置它的tag为Plane,然后,在Plane上面添加一个Cube,设置好位置,刚好放置在Plane上面,最后,给cube添加一个脚本,脚本内容如下: using UnityEngine; using System.Collections; public class RayCastTest : MonoBehaviour { //cube移动速度 publ

javascript获取行间样式和非行间样式--兼容写法

style:获取行间样式: currentStyle:获取计算后的样式,也叫当前样式.最终样式. 优点:可以获取元素的最终样式,包括浏览器的默认值,而不像style只能获取行间样式,所以更常用到.注意:不能获取复合样式如background属性值,只能获取单一样式如background-color等. alert (oAbc.currentStyle);IE8和Opera 11弹出了“object CSSStyleDeclaration”:FF 12.chrome 14.safari 5则弹出“

unity中让物体移动到鼠标点击位置（单击移动和双击暂停移动）

private bool IsMove;//移动 //鼠标双击的参数(第一种方式的参数) private float delay = 0.5f; private float firstClickTime = 0; private bool oneClick = false; //点击了第一下 //双击(第二种方式的参数) private float endtime = 0; private float Doubletime = 0.5f; //响应时间 public void Start(Gam

每天一个JavaScript实例-铺货鼠标点击位置并将元素移动到该位置

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>每天一个JavaScript实例-铺货鼠标点击位置并将元素移动到该位置</title> <style> #info{ width:100px; height:100px;

获取鼠标点击相对于Canva位置的2种方法

如果给Canvas添加 onmousedown事件,获取到的鼠标位置都是相对于当前文档的位置(x,y): 第一种转换: (x-x1,y-y1) x,y为鼠标点击位置,getBoundingClientRect方法是canvas自带的获取可绘画区域的位置信息的函数 function windowToCanvas(x, y) { var bbox = canvas.getBoundingClientRect(); return { x: x - bbox.left * (canvas.width /

html5中canvas的使用获取鼠标点击页面上某点的RGB

1.html5中的canvas在IE9中可以跑起来.在IE8则跑不起来,这时候就需要一些东西了. 我推荐这种方法,这样显得代码不乱.  需要谷歌的一个html5.js的文件即可. 注意:必须插入在<head></he

Listbox与dataGridView的获取鼠标点击事件的区别！！！

1 int index = lisxian.IndexFromPoint(e.X, e.Y);//获取鼠标点击 2 lisxian.SelectedIndex = index; Listbox获取鼠标的代码!!!! 1 int index = e.RowIndex; 2 DataGridViewRow currenRow = this.dgvxian3.Rows[index]; dataGridView获取鼠标代码!!!! private void lisxian_SelectedIndexCh