博客
关于我
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学习总结(82)——MySQL逻辑删除与数据库唯一性约束如何解决?
查看>>
Mysql学习总结(83)——常用的几种分布式锁:ZK分布式锁、Redis分布式锁、数据库分布式锁、基于JDK的分布式锁方案对比总结
查看>>
Mysql学习总结(84)—— Mysql的主从复制延迟问题总结
查看>>
Mysql学习总结(85)——开发人员最应该明白的数据库设计原则
查看>>
Mysql学习总结(8)——MySql基本查询、连接查询、子查询、正则表达查询讲解
查看>>
Mysql学习总结(9)——MySql视图原理讲解与使用大全
查看>>
Mysql学习笔记 - 在Centos7环境下离线安装Mysql
查看>>
MySQL学习笔记十七:复制特性
查看>>
Mysql学习第一课-mysql的定义及sql语句
查看>>
mysql安全模式: sql_safe_updates
查看>>
mysql安装,卸载,连接
查看>>
MySQL安装之没有配置向导
查看>>
mysql安装出现 conflicts with mysql*的解决办法
查看>>
mysql安装卡在最后一步解决方案(附带万能安装方案)
查看>>
mysql安装和启动命令小结
查看>>
Mysql安装教程(命令行)
查看>>
mysql安装版安装
查看>>
MySQL安装配置教程(非常详细),从零基础入门到精通,看完这一篇就够了
查看>>
mysql安装配置简介
查看>>
MySQL定义和变量赋值
查看>>