博客
关于我
js获取鼠标所在html元素的id和属性
阅读量:654 次
发布时间:2019-03-15

本文共 2218 字,大约阅读时间需要 7 分钟。

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)
}
 

转载地址:http://zjcmz.baihongyu.com/

你可能感兴趣的文章
mysql查询输出到excel文件_如何保存mysql查询输出到excel或.txt文件?
查看>>
mysql查询过程
查看>>
MySQL模拟Oracle序列sequence
查看>>
Mysql模糊查询like效率,以及更高效的写法
查看>>
MySQL死锁套路:一次诡异的批量插入死锁问题分析
查看>>
Mysql死锁问题Deadlock found when trying to get lock;try restarting transaction
查看>>
mysql每个数据库的最大连接数_MySQL数据库最大连接数
查看>>
Mysql流程控制结构,if函数、case结构、if结构、循环结构
查看>>
mysql添加外网访问权限
查看>>
mysql添加用户
查看>>
MySQL添加用户、删除用户与授权
查看>>
mysql添加用户及权限
查看>>
Mysql添加用户并授予只能查询权限
查看>>
mysql添加用户权限报1064 - You have an error in your SQL syntax问题解决
查看>>
mysql添加索引
查看>>
mysql添加表注释、字段注释、查看与修改注释
查看>>
mysql清理undo线程_MySQL后台线程的清理工作
查看>>
mysql清空带外键的表
查看>>
MySQL清空表数据
查看>>
mysql源码安装
查看>>