西西软件下载最安全的下载网站、值得信赖的软件下载站！
→ jquery中获取当前鼠标的x、y位置
类型：编程辅助大小：109KB语言：中文 评分：5.0
我取这个标题为&JS和jquery获取当前鼠标的x、y坐标位置谁更简单?&并不是为了华众取宠，而是为了说它们有不同的应用常合，或者说有些时候你又为了效率而不得不用JS版的来取得鼠标坐标的方法比如Ecshop模板制作中，它本身的JS文件与Jquery有冲突stylejquery中获取当前鼠标的x、y位置位置的代码，需要的朋友可以参考下。&div id=&Div&&放在我上面&/div&&&script type=&text/javascript&&&$('#testDiv').mousemove(function(e) {&var xx = e.originalEvent.x || e.originalEvent.layerX || 0;&var yy = e.originalEvent.y || e.originalEvent.layerY || 0;&$(this).text(xx + '---' + yy);&});&&/script&或者&script type=&text/javascript&&$('#testDiv').mousemove(function(e) {&&var xx=e.pageX；var yy=e.pageY;$(this).text(xx + '---' + yy);&});&&/script&javascript获取鼠标当前位置坐标&鼠标滑动显示鼠标的当前位置坐标，主要是onmousemove函数&html&&&head&&&meta http-equiv=&Content-Type& content=&text/ charset=gb2312& /&&&title&javascript获得鼠标位置&/title&&&/head&&&body&&&script&&function mouseMove(ev)&{&Ev= ev || window.&var mousePos = mouseCoords(ev);&document.getElementByIdx_x_x_xx_x(&xxx&).value = mousePos.x;&document.getElementByIdx_x_x_xx_x(&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 = mouseM&&/script&&鼠标X轴:&&input id=xxx type=text&&鼠标Y轴:&&input id=yyy type=text&&&/body&
我们做网页的时候最难找的就是编辑器,网上找一个吧,要不是图片上传错误,就是到处都是错误,垃圾太多.大家都需要一个简单,速度快的.西西为您提供最好用的编辑器一站式下载编辑器定义编辑器指的是一类编辑制作工具，可自定义窗囗，编辑主题索引，可选择添搜索页，无任何不自由。编辑器哪个好用小编个人比较喜欢使用和，这两款编辑器软件都有不错的表现。至于编辑器哪个好用，这就要根据你的个人需求去选择对应的编辑器啦...
06-29 / 19.5M
推荐理由：ultraEdit 32 破解版 简体中文 内有安装说明，完全免费，无试用期的。该软件功能强大，能打开各种格式的文件
11-10 / 4.7M
推荐理由：python编辑器，代码补全、参数提示补全工具，这个工具其实非常重要，可以大大提高开发效率，减少出错。很满
04-21 / 7.8M
推荐理由：快手aauto是由一鹤软件耗时四年开发新一代编程语言。完美支持静态类型、动态类型，完美支持com、dllapi、re
03-31 / 37.9M
推荐理由：UltraEdit是最强大的一款超值文本编辑器！ultraedit64位破解版，适用于Windows64位系统使用，此版为绿色破解
11-19 / 279.7M
推荐理由：Adobe Dreamweaver CS6 是 Adobe Creative Suite 6 系列中的 HTML 编辑器和网页设计软件，是最优秀的可视化
05-15 / 436.8M
推荐理由：Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Li
新版本使用了自适应网格版面创建页面，在发布前使用多屏幕预览审阅设计,可大大提高工作效率。改善的性能，更高效地传输大型文件。实时视图和多屏幕预览面板可呈现代码，更能够检查自己的工作。曾经风靡一时的网页三剑客成员之一是目前应用最广的网页制作软件，原本是由公司所开发的著名网站开发工具，随被收购后，改名为。它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，以及在之后推出的针对专业网页图像设计的，三者...
11-19 / 279.7M
推荐理由：Adobe Dreamweaver CS6 是 Adobe Creative Suite 6 系列中的 HTML 编辑器和网页设计软件，是最优秀的可视化
07-05 / 834KB
推荐理由：Adobe Dreamweaver CC 13.0 build 6390多语言正式版的破解补丁，破解后程序不再提示剩余天数与激活注册。关
06-22 / 5.7M
推荐理由：安装了该扩展后再也不用担心不记得难记的css3样式代码了！
刚装 Dreamweaver CS5 的时候，发现新建文档的时
01-08 / 2.7M
推荐理由：西西小编整理的一些比较常用的Dreamweaver插件，希望能对大家有所帮助！persistent_layers 不管滚动条如何拉
04-11 / 84.5M
推荐理由：使用业界领先的Web 创作工具之一构建世界级的网站和应用程序。Adobe® Dreamweaver® CS4 软件是 W
07-31 / 109KB
推荐理由：1.2.0版本插件在1.0.0插件基础上进一步修改，版权信息仅保留致谢信息，删除作者为了代码整体提示美观度，故
10-2009-2909-1909-0408-1703-1603-1003-0102-2102-01
阅读本文后您有什么感想? 已有23人给出评价!
名称大小下载//同样，文章也是转载的，也不知道下面两个函数是什么来的。晕~
var divoffset = 10;&&& //显示层离鼠标的距离
&&&&&&& $(document).ready(function(){&&&&&&&&&&&&&&& var tooltip = $("#tooltip");//获取显示层
&&&&&&&&&&&&&&& var toolContent = $("#toolContent");//获取显示内容层
&&&&&&&&&&&&&&& $('#thumbs & li').bind('mouseover',function(e){//查找a对象，并给对象创建onmouseover事件--这里可以替换成其他的如：div($('div').bind())，ul下的 li $('ul & li').bind()&&&&&&&&&&&&&&&&&&& Mouse(e);//计算显示层的位置&&&&&&&&&&&&&&&&&&& toolContent.html("&li&显示内容&/li&");//显示内容--PS:自己改成动态获取&&&&&&&&&&&&&&&&&&& tooltip.css({ top: toppos ,left: leftpos& });//给显示层定义CSS--当前计算出的位置&&&&&&&&&&&&&&&&&&& tooltip.stopAll().pause(300).fadeTo(200,1);//显示效果&&&&&&&&&&&&&&& }).bind('mousemove',function(e){//给对象创建mousemove事件&&&&&&&&&&&&&&&&&&& Mouse(e);//计算显示层的位置&&&&&&&&&&&&&&&&&&& tooltip.css({ top: toppos ,left: leftpos& });//给显示层定义CSS--当前计算出的位置--随时改变位置&&&&&&&&&&&&&&& }).bind('mouseout',function(){//给对象创建mouseout事件&&&&&&&&&&&&&&&&&&& tooltip.stopAll().fadeTo(500,0, function(){$(this).hide();});//隐藏效果&&&&&&&&&&&&&&& });&&&&&&& });
&&&&&&& //计算坐标函数&&&&&&& var Mouse = function(e){&&&&&&&&&&& mouse = new MouseEvent(e);&&&&&&&&&&& leftpos = mouse.x +&&&&&&&&&&& toppos = mouse.y +&&&&&&& }&&&&&&& //获取鼠标坐标函数&&&&&&& var MouseEvent = function(e) {&&&&&&&&&&& this.x = e.pageX&&&&&&&&&&& this.y = e.pageY&&&&&&& }
阅读(...) 评论() &你的位置：
jquery判断点击事件是否在目标区域
很多时候需要在鼠标点击非目标区域div将目标div隐藏的效果，这是需要判断点击事件是否在目标区域内jquery的实现方法是：(最近更新,未测)$(document).click(function(e){
e = window.event || // 兼容IE7
obj = $(e.srcElement || e.target);
if ($(obj).is(&#elem,#elem *&)) {
// alert('内部区域');
alert('你的点击不在目标区域');
});这样就可以进行其他效果的操作了,另外一种类似思路:原始写法:(不兼容ff)$(document).click(function(){
if ($(event.srcElement).is(&#elem,#elem *&)) {
// alert('内部区域');
alert('你的点击不在目标区域');
转载请注明：
你可能还会对下面的内容感兴趣：
文jquery判断点击事件是否在目标区域
浏览 10607 次
(C) 半叶寒羽(Yanue.net) |
| 粤ICP备号&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&&html&&head&&title&js&/title&&script src="/jquery-latest.js" type="text/javascript"&&/script&&script type="text/javascript"&$(document).ready(function () {$(window).scroll(function () {var a = document.getElementById("eq").offsetTif (a &= $(window).scrollTop() && a & ($(window).scrollTop()+$(window).height())) {alert("div在可视范围");}});});&/script&&/head&&body&&div style="width:1height:2000"&&/div&&div id="eq" style=" width:100 height:100 background-color:R"&1&/div&&div style="width:1height:2000"&&/div&&/body&&/html&以上代码是小编给大家介绍的使用jQuery判断Div是否在可视区域的方法，希望对大家有所帮助。接下来一段代码给大家介绍jquery如何判断div是否隐藏，具体代码如下所示：&!DOCTYPEhtml PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&jquery 如何判断div是否隐藏|jquery判断div是否隐藏&htmlxmlns="http://www.w3.org/1999/xhtml"&&head&&metahttp-equiv="Content-Type"content="text/charset=utf-8" /&&title&绑定函数&/title&&scriptsrc="jquery-1.3.2.js"&&/script&&script&$(document).ready(function(){vartemp=$("#test").is(":hidden");//是否隐藏vartemp1=$("#test").is(":visible");//是否可见alert(temp) ;alert(temp1) ;});&/script&&/head&&body&&ponclick='test()'&刷新测试&/p&&divid="test" style="display:none"&&/div&&/body&&/html&您可能感兴趣的文章:javascript 设置某DIV区域内的checkbox复选框DIV外区域Click后关闭DIV的实现代码如何判断鼠标是否在DIV的区域内js实现的点击div区域外隐藏div区域window.print打印指定div指定网页指定区域的方法jquery使整个div区域可以点击的方法jquery实现点击其他区域时隐藏下拉div和遮罩层的方法
最新教程周点击榜
微信扫一扫