首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

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

2012-02-05 
js 如何 取出 当前 鼠标 点击 的控件ID3q[解决办法]document.activeElement是获得焦点的元素window.event.

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.valuedocument.all.para.value=element.idvar trid = element.idalert(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; // 保存全局iddocument.onclick=Hanlder;function Hanlder(e){  e = e || event;  var tag = e.srcElement || e.target;  if (tag.id) {    curId = tag.id;  }}</script>

[解决办法]
上面啥意思?根据obj获取textbox1的什么?
[解决办法]
根据obj获取textbox1就是obj.id,给楼主搞得有点乱。

热点排行