js中鼠标移动事件触发时,如何获得当前鼠标在哪一个元素上

js中鼠标移动事件触发时,如何获得当前鼠标在哪一个元素上,第1张

首先获取事件对象e事件来源IE下面对应srcElementFF下面target下面简单例子兼容IE和FireFoxfunction init() {documentbodyonmousemove = function(e) {if (e) {e = windowevent;}else {esrcElement = etarget;}documentgetElementById("diyDebug")innerHTML = "mousemove (" + eclientX + "," + eclientY + ") srcElement=" + esrcElementtagName + "[" + esrcElementid + "]";};}diyspanlink

JQ通过class取得元素是$("class")

请参考>

我自己写的

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">

设置一个全局变量专门监控鼠标在不在你指定的DIV上,然后在事件触发时先判断这个变量呗。

var flag = false;

$('DIV')mouseenter(function() { flag = true; })mouseleave(function() { flag = false; });

一、如果是同级(兄弟元素)的,如:

<ul><li class='a'></li><li class='a'></li></ul>可以

$("a")click(function(){

var a=$(this)index;

//或者

var a=$('a')index(this);

}

二、而对于不同级(非兄弟元素),如:

<div class='a'></div>

<div><div class='a'></div></div>

则只能这样

$("a")click(function(){

var a=$('a')index(this);

}

扩展资料:

注意事项

jQuery 拥有若干进行 CSS *** 作的方法。

1、addClass() - 向被选元素添加一个或多个类

2、removeClass() - 从被选元素删除一个或多个类

3、toggleClass() - 对被选元素进行添加/删除类的切换 *** 作

4、css() - 设置或返回样式属性

例如:

important

{

font-weight:bold;

font-size:xx-large;

}

blue

{

color:blue;

}

向不同的元素添加 class 属性。当然,在添加类时,也可以选取多个元素:

实例:

$("button")click(function(){

$("h1,h2,p")addClass("blue");

$("div")addClass("important");

});

以上就是关于js中鼠标移动事件触发时,如何获得当前鼠标在哪一个元素上全部的内容,包括:js中鼠标移动事件触发时,如何获得当前鼠标在哪一个元素上、jquery怎么通过class获取当前 *** 作的元素、jq 怎样取得鼠标在某个div里的坐标等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9818340.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-02
下一篇2023-05-02

发表评论

登录后才能评论

评论列表(0条)

    保存