只在ie下运行可以把event参数去了
<div id="unChosed">
<ul>
<li onclick="clickitem(event)">- A </li>
<li onclick="clickitem(event)">- B </li>
<li onclick="clickitem(event)">- C </li>
</ul>
</div>
<script>
function clickitem(e){
var evt=e||window.event;
var srcEl=evt.target||evt.srcElement;
var oParNode=srcEl.parentNode;
var aLis=oParNode.getElementsByTagName("li");
var i,nLen=aLis.length,nIndex=-1; for(i=0;i <nLen;i++){
if(aLis[i]==srcEl){
nIndex=i;
break;
}
}
alert(nIndex);
}
</script>
<div id="unChosed">
<ul>
<li onclick="clickitem(event)">- A </li>
<li onclick="clickitem(event)">- B </li>
<li onclick="clickitem(event)">- C </li>
</ul>
</div>
<script>
function clickitem(e){
var evt=e||window.event;
var srcEl=evt.target||evt.srcElement;
var oParNode=srcEl.parentNode;
var aLis=oParNode.getElementsByTagName("li");
var i,nLen=aLis.length,nIndex=-1; for(i=0;i <nLen;i++){
if(aLis[i]==srcEl){
nIndex=i;
break;
}
}
alert(nIndex);
}
</script>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
<script language="javascript">
function clickitem(e){
var evt = window.event || clickitem.caller.arguments[0];
var srcEl = evt.target || evt.srcElement;
var oParNode = srcEl.parentNode;
var aLis = oParNode.getElementsByTagName("li");
var i, nLen = aLis.length, nIndex = -1;
for (i = 0; i < nLen; i++) {
if (aLis[i] == srcEl) {
nIndex = i;
break;
}
}
alert(nIndex);
}
</script>
</head>
<body>
<div id="unChosed">
<ul>
<li onclick="clickitem()">- A </li>
<li onclick="clickitem()">- B </li>
<li onclick="clickitem()">- C </li>
</ul>
</div>
</body>
</html>
请楼主自己把 clickitem(e) 里的参数 e 去掉。
这个没用。
<body>
<div id="unChosed">
<ul>
<li onclick="clickitem()">- A </li>
<li onclick="clickitem()">- B </li>
<li onclick="clickitem()">- C </li>
</ul>
</div>
</body>
<script>
document.body.onmouseup = function (event)
{
var event = event|| window.event;
alert( document.elementFromPoint(event.clientX,event.clientY).innerHTML );
}
</script>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
<script language="javascript">
function clickitem(e){
var evt = window.event || clickitem.caller.arguments[0];
var srcEl = evt.target || evt.srcElement;
var oParNode = srcEl.parentNode;
var aLis = oParNode.getElementsByTagName("li");
var i, nLen = aLis.length, nIndex = -1;
for (i = 0; i < nLen; i++) {
if (aLis[i] == srcEl) {
nIndex = i;
break;
}
}
alert(nIndex);
}
</script>
</head>
<body>
<div id="unChosed">
<ul>
<div align="center"><a href="javascript:showMenu();void(0);"><span onclick="clickitem()" id="n1">01</span> </div>
<div align="center"><a href="javascript:showMenu();void(0);"><span onclick="clickitem()" id="n2">02</span> </div>
<div align="center"><a href="javascript:showMenu();void(0);"><span onclick="clickitem()" id="n3">03</span> </div>
<div align="center"><a href="javascript:showMenu();void(0);"><span onclick="clickitem()" id="n4">04</span> </div>
<div align="center"><a href="javascript:showMenu();void(0);"><span onclick="clickitem()" id="n5">05</span> </div>
<div align="center"><a href="javascript:showMenu();void(0);"><span onclick="clickitem()" id="n6">06</span> </div>
</ul>
</div>
</body>
</html>