js 判断当前鼠标在哪个元素上

 我来答
海甸岛的骄傲
2017-03-25 · TA获得超过820个赞
知道小有建树答主
回答量:147
采纳率:100%
帮助的人:135万
展开全部

可以按以下思路步骤来实现:

1、声明一个变量(如el),用来存放鼠标所在的元素节点。

2、在body元素上增加一个鼠标事件监听

3、使用事件对象中的target属性,每当鼠标经过一个元素时,就把它赋值给el变量

任何时候,读取el变量的值即为鼠标当前所在的元素。

示例代码:

var el = window.document.body;//声明一个变量,默认值为body
window.document.body.onmouseover = function(event){
  el = event.target;//鼠标每经过一个元素,就把该元素赋值给变量el
  console.log('当前鼠标在', el, '元素上');//在控制台中打印该变量
}
laidz
2017-02-27 · 超过17用户采纳过TA的回答
知道答主
回答量:43
采纳率:0%
帮助的人:25.3万
展开全部
<html>
<hr />
<div id="dd" style="background: red">12</div>
<div id="dd1" style="background: red">12</div>
<p id="2" style="background: red">12
123123
<p>12331</p>
<a>zzzzzz</a>
</p>
<hr />
<script>
document.body.onmouseover = function(e){
e = e || window.event;
var node = e.target || e.srcElement;
if( window._lastNode != node ){
console.log( node )
}

}
</script>
</html>

文字说明:如果你看不懂,你还是放弃吧。

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
子鱼7777
2017-01-28 · 超过15用户采纳过TA的回答
知道答主
回答量:103
采纳率:0%
帮助的人:12.2万
展开全部
<div class="f1 fishclick"></div>
<div class="f2 fishclick"></div>
<div class="f3 fishclick"></div>
<div class="f4 fishclick"></div>
<div class="f5 fishclick"></div>
<div class="f6 fishclick"></div>
<div class="f7 fishclick"></div>
<div class="f8 fishclick"></div>
<div class="f9 fishclick"></div>
<div class="f10 fishclick"></div>
<div class="f11 fishclick"></div>
<div class="f12 fishclick"></div>
<div class="f13 fishclick"></div>



$(".fishclick").on("mouseover",onMouseOver);


function onMouseOver(e)
{

$(event.currentTarget).hide();
console.log(event.currentTarget);
 }

上面是HTML 下面是js,然后我有用jquery-1.12.1.min.js

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
碳酸罐头
2016-11-22 · TA获得超过582个赞
知道大有可为答主
回答量:1754
采纳率:0%
帮助的人:845万
展开全部
经济实惠的可以看看雷柏的V26、罗技的G100s、雷蛇的炼狱蝰蛇等等
高端点的可以看看罗技的G402和G502,雷柏的V910等等。
都是很不错的鼠标。
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
luckxu0926ccc1fdc
2017-03-15 · TA获得超过104个赞
知道答主
回答量:124
采纳率:0%
帮助的人:46万
展开全部
有两个函数 onmouseup 和onmousedown 好像是这两个,是指鼠标放在某个元素上时候触发改事件,就可以获取当前的对象了,你查下API 是鼠标事件或者百度
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(6)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式