javascript获取鼠标位置部分的实例代码(兼容IE,FF)_javascript技巧

复制代码 代码如下:

var xPos; 
var yPos; 
document.onmousemove = mouseMove; 
function mouseMove(ev) { 
ev = ev window.event; 
var mousePos = mouseCoords(ev); 
xPos = mousePos.x; 
yPos = 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.documentElement.scrollLeft, 
y:ev.clientY + document.body.scrollTop + document.documentElement.scrollTop 
}; 

时间: 2024-11-02 00:45:52

javascript获取鼠标位置部分的实例代码(兼容IE,FF)_javascript技巧的相关文章

javascript获取设置div的高度和宽度兼容任何浏览器_javascript技巧

Javascript如何获取和设置div的高度和宽度,并且兼容任何浏览器?看代码: 复制代码 代码如下: <div id="div1" style="height:300px;width:200px;">http://www.itdos.com</div> <div id="div2" style="height:30px;width:20px;">http://www.itdos.com&

基于JavaScript获取鼠标位置的各种方法_javascript技巧

在一些DOM操作中我们经常会跟元素的位置打交道,鼠标交互式一个经常用到的方面,令人失望的是不同的浏览器下会有不同的结果甚至是有的浏览器下没结果,这篇文章就上鼠标点击位置坐标获取做一些简单的总结,没特殊声明代码在IE8,FireFox,Chrome下进行测试兼容 鼠标点击位置坐标 相对于屏幕 如果是涉及到鼠标点击确定位置相对比较简单,获取到鼠标点击事件后,事件screenX,screenY获取的是点击位置相对于屏幕的左边距与上边距,不考虑iframe因素,不同浏览器下表现的还算一致. functi

javascript获取鼠标位置部分火狐,ie

var xPos;  var yPos;  document.onmousemove = mouseMove;          function mouseMove(ev) {              ev = ev  window.event;              var mousePos = mouseCoords(ev);              xPos = mousePos.x;              yPos = mousePos.y;          }     

javascript获取select的当前值示例代码(兼容IE/Firefox/Opera/Chrome)_javascript技巧

JavaScript获取Select当前值写法:var value = document.getElementById("select").options[document.getElementById("select").options.selectedIndex].value;var text = document.getElementById("select").options[document.getElementById("s

JS实现星星评分功能实例代码(两种方法)_javascript技巧

一.方法1 1.用到图片 2.结构和样式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> ul { padding-left: 0; overflow: hidden; } ul li { float: left; list-style: no

Javascript实现鼠标框选操作 不是点击选取_javascript技巧

本文实例为大家分享了Javascript实现鼠标框选操作,绝不是点击选取,供大家参考,具体内容如下 效果图: 代码: <html> <head></head> <style> body{padding:100px;} .fileDiv{float:left;width:100px;height:100px;text-align:center;line-height:100px;font-size:12px;border:1px solid #ccc;marg

Bootstrap弹出带合法性检查的登录框实例代码【推荐】_javascript技巧

最近做了一个项目其中有项目需求涉及到访问控制,在访问需要登录才能使用的页面或功能时,会弹出登录框: 效果如下: 图 1-点击用户名时,如未登录弹出登录框 对这个功能的详细描述: 不涉及到登录时,登录框隐藏 涉及到登录时,登录框弹出到页面左上角 登陆成功后登录框隐藏 实现思路: 在body结束标签之前插入登录的div,设其定位方式为absolute,位置在左上角. 登录框默认的display属性为none.触发登录时,将该属性改为block 附上示例代码: <!DOCTYPE html> <

js判断鼠标位置是否在某个div中的方法_javascript技巧

本文实例讲述了js判断鼠标位置是否在某个div中的方法.分享给大家供大家参考,具体如下: div的onmouseout事件让div消失时,会出现这样的情况,就是当鼠标移至div中的其它内容时,此时也判定为离开div,会触发 onmouseout事件,这样div中的内容就不能操作了.解决的办法是当触发onmouseout事件时,先判断鼠标是否在div内,如果在,说明鼠 标并没有离开div,就不删除div,否则,删除之.OK,现在问题解决了. 就是找到该div左上角和右下角坐标,判断鼠标的坐标是否在

不间断循环滚动效果的实例代码(必看篇)_javascript技巧

蛮优秀的一段效果代码,可以上下左右滚动,收藏了 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&q