- 浏览: 1524433 次
- 性别:
- 来自: 厦门
文章分类
- 全部博客 (516)
- Java (49)
- Java/Struts 2.0 (25)
- Java/Spring、Spring MVC (11)
- Java/Quartz (3)
- Java/Lucene (6)
- Java/Hibernate (19)
- Java/openJPA (7)
- Java/DWR (7)
- Java/Security、Spring Security/OAuth2 (6)
- Java/Threading (9)
- Java/XML (22)
- java/design pattern (4)
- Android (2)
- JavaScript (46)
- jquery (3)
- DB/MySQL (23)
- DB/Oracle (16)
- PHP (25)
- CSS (20)
- Linux (38)
- C/C++、DLL、Makefile、VC++ (31)
- 正则 (9)
- Eclipse (4)
- 安全、网络等概念 (25)
- 集群 (7)
- 网页 (5)
- 视频\音频 (1)
- HTML (6)
- 计算机数学/算法 (3)
- Virtualbox (1)
- LDAP (2)
- 数据挖掘 (6)
- 工具破解 (1)
- 其他 (13)
- Mail (1)
- 药材 (3)
- 游戏 (2)
- hadoop (13)
- 压力测试 (3)
- 设计模式 (3)
- java/Swing (2)
- 缓存/Memcache (0)
- 缓存/Redis (1)
- OSGI (2)
- OSGI/Gemini (0)
- 文档写作 (0)
- java/Servlet (3)
- MQ/RabbitMQ (2)
- MQ/RocketMQ (0)
- MQ/Kafka (1)
- maven (0)
- SYS/linux (1)
- cache/redis (1)
- DB/Mongodb (2)
- nginx (1)
- postman (1)
- 操作系统/ubuntu (1)
- golang (1)
- dubbo (1)
- 技术管理岗位 (0)
- mybatis-plus (0)
最新评论
-
pgx89112:
大神,请赐我一份这个示例的项目代码吧,万分感谢,1530259 ...
spring的rabbitmq配置 -
string2020:
不使用增强器 怎么弄?
OpenJPA的增强器 -
孟江波:
学习了,楼主,能否提供一份源代码啊,学习一下,十分感谢!!!4 ...
spring的rabbitmq配置 -
eachgray:
...
spring-data-redis配置事务 -
qljoeli:
学习了,楼主,能否提供一份源代码啊,学习一下,十分感谢!!!1 ...
spring的rabbitmq配置
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>JS获得鼠标位置(兼容多浏览器ie,firefox)脚本之家修正版</title> </head> <body> <script> function mouseMove(ev) { var mousePos = mouseCoords(ev); // alert(ev.pageX); document.getElementById("xxx").value = mousePos.x; document.getElementById("yyy").value = mousePos.y; } function mouseCoords(ev) { ev = ev || window.event; 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> </body>
http://www.jb51.net/article/16638.htm
- JS获得鼠标位置(兼容多浏览器ie_firefox).rar (746 Bytes)
- 下载次数: 50
评论
1 楼
cfan_haifeng
2012-08-23
呵呵,不错。
ie8下,这个
部分情况会有些闪,可以拉出来。
ie8下,这个
return { x : ev.clientX + document.body.scrollLeft - document.body.clientLeft, y : ev.clientY + document.body.scrollTop - document.body.clientTop };
部分情况会有些闪,可以拉出来。
var xp= document.body.scrollLeft - document.body.clientLeft; var yp= document.body.scrollTop - document.body.clientTop; function mouseMove(ev) { ev= ev || window.event; var left = $("#headtop").offset().left; //获取div的居左位置 var right = $("#headmenu").width()+left;// 获取div的居右位置 var mousePos = mouseCoords(ev); if(mousePos.x < left || mousePos.x > right) { $("div.menuSon").hide(); } function mouseCoords(ev) { if(ev.pageX || ev.pageY) { return {x:ev.pageX, y:ev.pageY}; } else { return { x:ev.clientX+xp, y:ev.clientY+yp }; } } } //$(document).mousemove = mouseMove; /***** ***/ document.onmousemove = mouseMove;
发表评论
-
Angularjs 1.x 中使用 layDate 日期控件
2017-10-18 11:30 1828本文参照Angularjs 中使用 layDate 日期控 ... -
简易向左移动的滚动效果 jquery simple marquee
2017-10-15 14:57 598<!DOCTYPE html> ... -
angualrjs添加动态指令(动态编译指令)
2017-09-26 20:45 532本文参考自后补全的代码:http://blog.csdn. ... -
CKeditor的取值和赋值
2017-07-05 14:51 1692<script type="text ... -
Spring boot 环境下配置CKEditor添加google map
2017-07-05 14:39 1254本文档基于已经搭建好基础ckeditor的环境上。如:ht ... -
javascript中借用别的类的方法
2015-12-23 21:58 469借用别的类的方法 /** * Created by ... -
Javascript的类与子类创建
2015-11-11 20:45 860声明父类与子类的示 ... -
jQuery 对 select 操作
2011-09-30 16:54 943转自:http://blog.sina.com.cn/s/bl ... -
JSON2的使用方法心得
2010-10-08 15:09 1894var myJSONObject = {"bindi ... -
json对象的应用
2010-09-07 10:37 1864JSON对象就像是PHP或Java中map型(数组) ... -
JQuery对html控件操作总结
2010-08-11 09:28 2401转自:http://www.cnblogs.com ... -
将json元素添加到表单select中
2010-08-10 15:06 1296将json元素添加到表单select中。 $.a ... -
js加密解密
2010-02-10 16:04 1177JavaScript Code Obfuscator ... -
设为首页JS,加入收藏夹js,加入收藏夹代码,设为首页代码,火狐和ie兼容
2010-01-25 23:10 3784<!DOCTYPE html PUBLIC " ... -
精通 JS正则表达式
2009-11-23 09:36 1079转自:http://www.iteye.com/topic/4 ... -
jQuery.Autocomplete 中文支持
2009-11-10 09:01 28487插件地址:http://bassistan ... -
强烈推荐:240多个jQuery插件
2009-11-08 21:26 1292概述 jQuery 是继 prototype 之后又一个优秀 ... -
jQuery中this与$(this)的区别
2009-11-04 16:28 2453$("#textbox").hover( ... -
javascript 计算文字长度
2009-10-15 17:52 1705/** * 把中文字符替换两个星号,可以用来计算中文字符串的 ... -
JavaScript判断浏览器类型及版本
2009-10-09 10:50 2960你知道世界上有多少种浏览器吗?除了我们熟知的IE, Firef ...
相关推荐
总之,这个修正版的脚本通过兼容两种不同的鼠标事件坐标系统,实现了在IE和Firefox等多浏览器环境下获取鼠标的准确位置。在实际开发中,这样的兼容性处理对于确保应用在不同用户环境下的稳定性至关重要。
### Firefox浏览器兼容JS脚本详解 #### 一、概述 随着Web技术的不断发展与进步,JavaScript作为前端开发的重要组成部分,在不同浏览器之间的兼容性问题显得尤为关键。本文将围绕Firefox浏览器与Internet Explorer...
这个“js 鼠标画线 兼容主流浏览器”的项目显然是为了提供一个能够跨浏览器工作的解决方案,确保在IE7及更高版本、Firefox、Chrome以及360等主流浏览器上都能正常运行。 首先,我们需要了解JavaScript如何捕获鼠标...
JavaScript是一种广泛应用于网页开发的脚本语言,但在不同的浏览器中,其执行方式可能存在差异,特别是老版本的Internet Explorer(IE)和Firefox。由于历史原因,IE对某些特性有着独特的实现,而Firefox则遵循更...
### Javascript的IE与Firefox(火狐)兼容性解决方案 在Web开发过程中,浏览器兼容性问题一直是开发者们关注的重点之一。由于不同的浏览器对于Web标准的支持程度存在差异,这导致了同样的代码在不同浏览器中的表现...
本文将详细介绍一个JavaScript脚本,该脚本可以实现图片的放大、缩小以及拖拽功能,并且能够兼容Internet Explorer (IE) 和 Firefox 浏览器。通过这个脚本,我们可以为用户提供更加灵活的图片浏览体验。 #### 核心...
标题“JS获取鼠标位置(兼容FF)”指的是用JavaScript实现一个能在不同浏览器,特别是Internet Explorer 6.0和Firefox 3.0.1上运行的鼠标位置获取方法。Firefox的兼容性处理是关键,因为不同的浏览器有时会有不同的...
标题中的"google鼠标经过JS特效,IE/FF兼容"指的是一个JavaScript实现的特效,它在鼠标悬停(mouseover)某个元素时,会触发一个特定的动画效果,即上部的图片从小到大闪动出现。这个特效适用于谷歌浏览器(Google ...
### IE与Firefox兼容性问题详解 #### 一、概述 在网页开发过程中,浏览器兼容性问题一直是前端开发者面临的重要挑战之一。尤其是对于早期版本的Internet Explorer(简称IE)与Mozilla Firefox(简称Firefox)来说...
本知识点主要聚焦于一个兼容IE、Firefox、Google等多浏览器的日历控件的实现,这在跨平台、跨设备的网页应用中尤为重要。 1. **浏览器兼容性**: - Internet Explorer (IE):尽管IE的市场份额已经显著下降,但仍有...
标题“火狐兼容获取鼠标的坐标”涉及到的是在网页开发中如何在Firefox浏览器上获取鼠标指针的位置。在Web开发中,特别是在JavaScript编程中,获取鼠标坐标是一项常见的需求,用于实现各种交互效果,如拖放功能、点击...
浏览器兼容性问题收集(IE, Firefox, Chrome, Safari) 本文主要收集了浏览器兼容性问题,涵盖了 IE, Firefox, Chrome, Safari 等多种浏览器的兼容性问题。这些问题都是 WEB 开发者们经常遇到的问题,了解这些问题...
由于JavaScript在不同的浏览器中可能存在差异,因此实现一个兼容多浏览器的万年历功能需要考虑浏览器的兼容性问题,确保在IE、Chrome、Firefox、Safari等主流浏览器上都能正常运行。 万年历的设计通常包括以下几个...
由于各个浏览器对JavaScript的支持程度和实现方式有所差异,所以需要采取特定的策略来处理这些差异,以确保代码在Internet Explorer(IE)和Mozilla Firefox(FF)等浏览器上都能正常运行。以下是针对IE和FF兼容性...
JavaScript 自定义浏览器滚动条兼容 IE、火狐和 chrome 本文主要共享了使用原生 JavaScript 实现自定义浏览器滚动条兼容 IE、火狐和 chrome 的思路与方法。通过 JavaScript 实现自定义浏览器滚动条,可以实现跨...
本文将深入探讨在Internet Explorer(IE)、Firefox、Chrome三大主流浏览器中实现event兼容调用的方法,重点解析事件对象的获取及鼠标坐标获取的差异。 #### 事件对象的兼容性获取 在JavaScript中,事件处理通常...
### 兼容IE与Firefox:JS代码详解 在Web开发过程中,确保JavaScript代码能够在不同的浏览器上正常运行是一项挑战性任务。特别是在早期版本的Internet Explorer(IE)与Firefox之间实现兼容性,更是如此。本文将详细...
总的来说,"可通过鼠标拖动调整表格单元格宽度效果代码[兼容IE,firefox]"是一个涉及到JavaScript事件处理、浏览器兼容性以及用户交互设计的实用技术,它提升了网页的用户体验,同时也体现了前端开发者对细节和用户...