博客
关于我
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中的IO问题分析与优化
查看>>
MySQL中的ON DUPLICATE KEY UPDATE详解与应用
查看>>
mysql中的rbs,SharePoint RBS:即使启用了RBS,内容数据库也在不断增长
查看>>
mysql中的undo log、redo log 、binlog大致概要
查看>>
Mysql中的using
查看>>
MySQL中的关键字深入比较:UNION vs UNION ALL
查看>>
mysql中的四大运算符种类汇总20多项,用了三天三夜来整理的,还不赶快收藏
查看>>
mysql中的字段如何选择合适的数据类型呢?
查看>>
MySQL中的字符集陷阱:为何避免使用UTF-8
查看>>
mysql中的数据导入与导出
查看>>
MySQL中的时间函数
查看>>
mysql中的约束
查看>>
MySQL中的表是什么?
查看>>
mysql中穿件函数时候delimiter的用法
查看>>
Mysql中索引的分类、增删改查与存储引擎对应关系
查看>>
Mysql中索引的最左前缀原则图文剖析(全)
查看>>
MySql中给视图添加注释怎么添加_默认不支持_可以这样取巧---MySql工作笔记002
查看>>
Mysql中获取所有表名以及表名带时间字符串使用BetweenAnd筛选区间范围
查看>>
Mysql中视图的使用以及常见运算符的使用示例和优先级
查看>>
Mysql中触发器的使用示例
查看>>