js获取鼠标所在html元素的id和属性

﹏ヽ暗。殇╰゛Y 2024-02-17 20:18 52阅读 0赞

js获取鼠标所在html元素的id和属性：

Code:

1.  <div onclick="Get\_srcElement()">
2.  <div id="001" style="border:1px solid red;width:100%;height:500px"> <span id="node001">这是第1结点div001<span>
3.  <div id="002" style="border:1px solid red;width:80%;height:300px"> <span id="node002">这是第2结点div002<span>
4.  <div id="003" style="border:1px solid red;width:50%;height:200px"> <span id="node003">这是第3结点div003<span>
5.  </div>
6.  <div id="004" style="border:1px solid red;width:50%;height:200px"> <span id="node003">这是第3结点div004<span>
7.  </div>
8.  </div>
9.  </div>
10. <script>
11. function Get\_srcElement()
12. \{
13. var srcElement=""
14. srcElement= srcElement + " \\n" + "event.srcElement.id : " + event.srcElement.id
15. srcElement= srcElement + " \\n" + "event.srcElement.children\[0\].tagName: " + event.srcElement.children\[0\].tagName
16. srcElement= srcElement + " \\n" + "event.srcElement.firstChild.id : " + event.srcElement.firstChild.id
17. srcElement= srcElement + " \\n" + "event.srcElement.lastChild.id : " + event.srcElement.lastChild.id
18. alert(srcElement)
19. \}
20. 
21. </script>
22. </div>
23. 
24. 
25. 
26. 
27. <div id="div\_001">
28. <form id="form\_001">
29. <input type="button" id="button\_001\_id" name="button\_001\_Name" value="单击查看" class="button\_001\_Class" onclick="Get\_srcElement2(this)">
30. </form>
31. </div>
32. <script>
33. function Get\_srcElement2()
34. \{
35. var srcElement=""
36. srcElement= srcElement + " \\n" + "event.srcElement.id : " + event.srcElement.id
37. srcElement= srcElement + " \\n" + "event.srcElement.tagName : " + event.srcElement.tagName
38. srcElement= srcElement + " \\n" + "event.srcElement.type : " + event.srcElement.type
39. srcElement= srcElement + " \\n" + "event.srcElement.value : " + event.srcElement.value
40. srcElement= srcElement + " \\n" + "event.srcElement.name : " + event.srcElement.name
41. srcElement= srcElement + " \\n" + "event.srcElement.className : " + event.srcElement.className
42. srcElement= srcElement + " \\n" + "event.srcElement.parentElement.id : " + event.srcElement.parentElement.id
43. srcElement= srcElement + " \\n" + "event.srcElement.getattribute : " + event.srcElement.getAttribute
44. alert(srcElement)
45. \}
46. 
47. </script>

目前不兼容火狐，参考下面代码进行修改看看可行否，我有时间再修改本篇日志。

function Get\_srcElement(e)  
\{  
ee=window.event||e;  
var tmpObj = ee.srcElement || ee.target;  
var srcElement = srcElement + " " + "event.srcElement.id : " + tmpObj .id  
alert(srcElement)  
\}