javascript 如何得到鼠标指针下面 元素

javascript 如何得到鼠标指针下面 元素,第1张

<script language="javascript">

documentonmousemove = function(){

documentgetElementById("out")innerText = eventsrcElementid

}

</script>

<div id="out"></div>

<div id="aa">aa</div>

<div id="bb">bb</div>

整体思路:可以用for循环去遍历<ul>下的所有<li>;然后对比鼠标悬浮时对应的li元素,输出当前的i,也就是对应li的下标

接下来是对无序列表做一下简单的样式,便于后期测试悬浮效果;给li设置一下宽度以及设置一下边框

整体思路:可以用for循环去遍历<ul>下的所有<li>;然后对比鼠标悬浮时对应的li元素,输出当前的i,也就是对应li的下标。

把这句改成下面那样documentalld1stylecursor="move"; documentgetElementById('d1')stylecursor='move';

要做一个功能就是在一个div中选中一段文字,然后把选中的加个背景。

function getSelectedText() {

if (windowgetSelection) {

return windowgetSelection()toString();

}else if (documentgetSelection) {

return documentgetSelection();

}else if (documentselection) {

return documentselectioncreateRange()text;

}

}

function Test(){

var t=getSelectedText();

if(tlength>0){

var content=documentgetElementById('repFirstpage')innerHTML;

__global_notes__count++;

content=contentreplace(t,"<span style='background-color:#ff0000'><strong>["+__global_notes__count+"]</strong>"+t+"</span>"); documentgetElementById('repFirstpage')innerHTML=content;

$('#divNotes')show(100);

$("#txtNotes")select();

}

}

documentonmousedown

=

function(

e

){

alert(getButton(e))

//

ebutton

W3C是获取鼠标按键

0

表示左键

1表示中键

2表示右键

而IE浏览器则是

1表示左键

4表示中间

2表示右键

这里的IE浏览器主要是IE8以下的浏览器

};

function

getButton(e){

/

1、windowevent这个属性IE和Chrome都是支持的

2、但是Chrome也是支持W3C的

3、所以,如果说W3C和IE都支持的话,那么就已W3C做为标准化

/

if(

e

){

//

作为第一次判断Chrome

就以W3C为标准了

return

ebutton;

}else

if(

windowevent

){

switch(

windoweventbutton

){

case

1

:

return

0;

//

返回鼠标左键的值

case

4

:

return

1;

//

返回鼠标中键的值

case

2

:

return

2;

//

返回鼠标右键的值

case

0

:

return

2;

//

返回鼠标右键的值

主要是360浏览器会返回了

在IE浏览器中

返回的0是代表没有按下鼠标键的时候所返回来的值

};

};

};

documentbodyonclick=function(){

var obj=documentelementFromPoint(eventclientX,eventclientY);

alert(objtagName)

}

IE chrome 兼容,火狐要兼容,我目前所知的办法非常复杂,也没有仔细研究过。

你可以去搜 索下 elementFromPoint这个火狐兼容的办法。

以上就是关于javascript 如何得到鼠标指针下面 元素全部的内容,包括:javascript 如何得到鼠标指针下面 元素、js怎么获取鼠标悬浮在某一个li时,该li的下标、js鼠标指针获取等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

    保存