js 怎么 取出 当前 鼠标 点击 的控件ID
日期：2014-05-16 浏览次数：20361 次
js 如何 取出 当前 鼠标 点击 的控件ID
3q
------解决方案--------------------
document.activeElement是获得焦点的元素
window.event.srcElement是当前事件的元素
------解决方案--------------------
ff下是event.target
------解决方案--------------------
3q
------解决方案--------------------
document.activeElement是获得焦点的元素
window.event.srcElement是当前事件的元素
------解决方案--------------------
ff下是event.target
------解决方案--------------------
- HTML code
<script>
document.onclick=mouseClick;
function mouseClick(evt){
if(evt){//不是ie
alert(evt.target.id);
}else if(window.event){//ie
alert(window.event.srcElement.id);
}
}
</script>
<p id="p1">123213213</p>
<p id="p2">123213213</p>
<p id="p3">123213213</p>
<p id="p4">123213213</p>
------解决方案--------------------
- HTML code
<tr id="
------解决方案--------------------
下面是完整的例子，可以显示在一个文本框，也可以把id弹出来
- HTML code
<html>
<head><title>显示ID</title></head>
<body>
<table border="1">
<tr id="a" onclick="get_id(this)">
<td>aaaaa</td>
</tr>
<tr id="b" onclick="get_id(this)">
<td>bbbbb</td>
</tr>
<tr id="c" onclick="get_id(this)">
<td>ccccc</td>
</tr>
</table>
<input type="text" name="para">
<script language="javascript">
function get_id(element){
tr=document.all.para.value
document.all.para.value=element.id
var trid = element.id
alert(trid)
}
</script>
</body>
</html>
------解决方案--------------------
- HTML code
<html>
<head><title>显示ID</title></head>
<body>
<h1 id='H1'>aaaaaaa</h1>
<div id='div1'>div1</div>
<div id='div2'>div2</div>
<p id='p1'>p1</p1><br/>
<input type="text" id="txt1">
<script language="javascript">
document.onclick=Hanlder;
function Hanlder(e)
{
e=e||event;
var tag=e.srcElement||e.target;
if(tag.id)
alert(tag.id);
}
</script>
</body>
</html>
------解决方案--------------------
这个东西确实麻烦。
最好的办法是写一个类，onload后实例化这个类，遍历DOM标签，在需要的标签对象上绑定onclick获取对象，这样HTML内不用写JavaScript，甚至ID属性都不需要写了。
onclick之后用全局引用对象引用也行，用返回对象也行。
------解决方案--------------------
麻烦在于各个浏览器不同的写法，呵呵。 上面的方式代码阅读起来就舒服了，特意去写不同的宿主方法，阅读麻烦，而且后期不稳定。
------解决方案--------------------
- HTML code
<html>
<head><title>显示ID</title></head>
<body>
<h1 id='H1'>aaaaaaa</h1>
<div id='div1'>div1</div>
<div id='div2'>div2</div>
<p id='p1'>p1</p1><br/>
<input type="text" id="txt1">
<script language="javascript">
var globalID="";
document.onclick=Hanlder;
function Hanlder(e)
{
e=e||event;
var tag=e.srcElement||e.target;
if(tag.id)
globalID=tag.id;
}
</script>
</body>
</html>
------解决方案--------------------
如七楼写的赋下值不就行了??
- JScript code
<script language="javascript">
var curId; // 保存全局id
document.onclick=Hanlder;
function Hanlder(e)
{
e = e || event;
var tag = e.srcElement || e.target;
if (tag.id) {
curId = tag.id;
}
}
</script>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
