71、 javascript判断鼠标左右键点击-兼容ie、firefox、chrome等各大主流浏览器
72、 javascript获取鼠标当前位置(兼容IE和firefox)
71、 javascript判断鼠标左右键点击-兼容ie、firefox、chrome等各大主流浏览器
document.onmousedown=judgeMouseButton; function judgeMouseButton(e){ var e=window.event||e;//获取事件对象 var value=e.button; if(value==2||value==3){ alert('点击的是鼠标右键'); }else{ alert('点击的是鼠标左键'); } }
72、 javascript获取鼠标当前位置(兼容IE和firefox)
<script> function mouseMove(ev){ ev= ev || window.event; var mousePos = mouseCoords(ev); //alert(ev.pageX); document.getElementById("xxx").value = mousePos.x; document.getElementById("yyy").value = mousePos.y; } function mouseCoords(ev){ if(ev.pageX || ev.pageY){ return {x:ev.pageX, y:ev.pageY}; } return { x:ev.clientX + document.body.scrollLeft - document.body.clientLeft, y:ev.clientY + document.body.scrollTop - document.body.clientTop }; } document.onmousemove = mouseMove; </script> 鼠标 X 轴: <input id=xxx type=text> 鼠标 Y 轴: <input id=yyy type=text>
或者:
/** * 获取鼠标在页面上的位置 * @param ev 触发的事件 * @return x:鼠标在页面上的横向位置, y:鼠标在页面上的纵向位置 */ function getMousePoint(ev){ //定义鼠标在视窗中的位置 var point={ x:0, y:0 }; //如果浏览器支持 pageYOffset, 通过 pageXOffset 和 pageYOffset 获取页面和视窗之间的距离 if(typeof window.pageYOffset!='undefined'){ point.x=window.pageXOffset; point.y=window.pageYOffset; } //如果浏览器支持 compatMode, 并且指定了 DOCTYPE, 通过 documentElement 获取滚动距离作为页面和视窗间的距离 //IE 中, 当页面指定 DOCTYPE, compatMode 的值是 CSS1Compat, 否则 compatMode 的值是 BackCompat else if(typeof document.compatMode!='undefined'&&document.compatMode!='BackCompat'){ point.x=document.documentElement.scrollLeft; point.y=document.documentElement.scrollTop; } //如果浏览器支持 document.body, 可以通过 document.body 来获取滚动高度 else if(typeof document.body!='undefined'){ point.x=document.body.scrollLeft; point.y=document.body.scrollTop; } //加上鼠标在视窗中的位置 point.x+=ev.clientX; point.y+=ev.clientY; //返回鼠标在视窗中的位置 return point; //document.write("X:"+point.x+"<br>Y:"+point.y); }
相关推荐
NULL 博文链接:https://justcoding.iteye.com/blog/565339
JavaScript应用实例-常用函数-小七.js
JavaScript常用函数工具集-lao-utils_.docx
JavaScript函数基础 思维导图; 可以用MindManager 、XMind 、百度脑图打开;在这个的基础上面添加自己的理解,整理成自己的个人知识体系
JavaScript函数式编程----高清版.pdf 个人收集电子书,仅用学习使用,不可用于商业用途,如有版权问题,请联系删除!
几个常用javascript函数,可做参考!!1
javascript经典特效---函数计算.rar javascript经典特效---函数计算.rar javascript经典特效---函数计算.rar
javascript常用判断函数大全 javascript常用判断函数 javascript常用判断函数
javascript函数式编程 javascript函数式编程 javascript函数式编程
javascript常用函数集合 javascript常用函数集合 javascript常用函数集合
前端项目-javascript-canvas-to-blob,javascript canvas to blob是一个将画布元素转换为blob对象的函数。
常用js代码公用方法
JavaScript应用实例-autojs常用函数(1).js
C#与JAVASCRIPT函数的相互调用 C#调用JAVASCRIPT函数的调用 JAVASCRIPT调用C#函数的调用
asp.net常用javascript函数
JavaScript函数-高级教程.md
asp.net开发常用javascript函数封装(c#) 封装了14个函数,很常用哦 网站开发必不可少
常用的JS函数总结包含例子 例如:parseInt() charAt()等
JavaScript函数(源代码)JavaScript函数(源代码)JavaScript函数(源代码)JavaScript函数(源代码)JavaScript函数(源代码)JavaScript函数(源代码)JavaScript函数(源代码)JavaScript函数(源代码)...