
<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鼠标指针获取等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)