jquery获取鼠标在一个矩形容器里的x、y坐标 - 为程序员服务
为程序员服务
jquery获取鼠标在一个矩形容器里的x、y坐标
$(function() {
$(&#demo-box&).click(function(e) {
var offset = $(this).offset();
var relativeX = (e.pageX - offset.left);
var relativeY = (e.pageY - offset.top);
alert(&X: & + relativeX + &
Y: & + relativeY);
您可能的代码
相关聚客文章
相关专栏文章怎么excel公式判断部分数值是否在一个范围内_百度知道13646人阅读
jquery（4）
&html xmlns=&http://www.w3.org/1999/xhtml &&
&meta http-equiv=&Content-Type& content=&text/ charset=utf-8& /&
&title&js 判断鼠标位置让div消失&/title&
&style type=&text/css&&
body{margin:0padding:0}
function c()
&&& document.getElementById('h_div').style.display = &&;
function d()
&&& //alert(window.event.clientX);
&&& //alert(window.event.clientY);
&&& var wx = window.event.clientX;
&&& var wy = window.event.clientY;
&&& var d_left = document.getElementById('h_div').offsetL
&&& var d_top = document.getElementById('h_div').offsetT
&&& var d_width = document.getElementById('h_div').clientW
&&& var d_height = document.getElementById('h_div').clientH
&//alert(wx + '_' + wy + '_' + d_left + '_' + d_width + '_' + d_top + '_' + d_height)
&&& if(wx & d_left || wy & d_top || wx & (d_left + d_width) || wy & (d_top + d_height))
&&& document.getElementById('h_div').style.display = &none&;
&body onClick=&javascript:d();& &
&div onMouseOver=&javascript:c();& style=&width:150height:30margin:margin-left:200border:1position:&&
&&& Click me
&div id=&h_div& style=&display:position:margin-top:0margin-left:200width:150height:100border:1font-size:12&&
&&& &input type=&checkbox& id=&aa& name=&aa& title=&&/&&label for=&aa&&第一个&/label&&br /&
&&& &input type=&checkbox& id=&bb& name=&bb& title=&&/&&label for=&bb&&第二个&/label&&br /&
&&& &input type=&checkbox& id=&cc&& name=&cc& title=&&/&&label for=&cc&&第三个&/label&&br /&
&&& &input type=&checkbox& id=&dd& name=&dd& title=&&/&&label for=&dd&&第四个&/label&&br /&
&&& &input type=&checkbox& id=&ee& name=&ee& title=&&/&&label for=&ee&&第五个&/label&&br /&
&&& &/div&
------------------------------------------------------------------------------
今天发现了一个新的方法：
$(document).ready(function(){
&& &$(&#infoWindow&).live(&mouseenter&,function(){
&&&&&&&&&& //处理流程
&& &$(&#infoWindow&).live(&mouseleave&,function(){
&& &&&& //处理流程
关键在于函数：mouseenter和mouseleave，这两个函数是jquery封装的函数，
可以监控鼠标移近和移出指定的div
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：741556次
积分：8787
积分：8787
排名：第1547名
原创：146篇
转载：177篇
评论：112条
(1)(2)(1)(6)(4)(7)(2)(8)(6)(8)(3)(6)(10)(6)(11)(10)(5)(1)(2)(1)(2)(6)(13)(1)(1)(6)(7)(8)(9)(24)(17)(10)(6)(9)(38)(28)(6)(2)(3)(7)(20)