当前位置: 代码迷 >> JavaScript >> js 怎么 取出 当前 鼠标 点击 的控件ID
  详细解决方案

js 怎么 取出 当前 鼠标 点击 的控件ID

热度:782   发布时间:2012-02-05 12:07:14.0
js 如何 取出 当前 鼠标 点击 的控件ID
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>

  相关解决方案