js获取鼠标所在html元素的id和属性-白红宇

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

阅读量：654 次

发布时间：2019-03-15

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

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

Code:

<div onclick="Get_srcElement()">

<div id="001" style="border:1px solid red;width:100%;height:500px"> <span id="node001">这是第1结点div001<span>

<div id="002" style="border:1px solid red;width:80%;height:300px"> <span id="node002">这是第2结点div002<span>

<div id="003" style="border:1px solid red;width:50%;height:200px"> <span id="node003">这是第3结点div003<span>

</div>

<div id="004" style="border:1px solid red;width:50%;height:200px"> <span id="node003">这是第3结点div004<span>

</div>

</div>

</div>

<script>

function Get_srcElement()

{

var srcElement=""

srcElement= srcElement + " \n" + "event.srcElement.id : " + event.srcElement.id

srcElement= srcElement + " \n" + "event.srcElement.children[0].tagName: " + event.srcElement.children[0].tagName

srcElement= srcElement + " \n" + "event.srcElement.firstChild.id : " + event.srcElement.firstChild.id

srcElement= srcElement + " \n" + "event.srcElement.lastChild.id : " + event.srcElement.lastChild.id

alert(srcElement)

}

</script>

</div>

<div id="div_001">

<form id="form_001">

<input type="button" id="button_001_id" name="button_001_Name" value="单击查看" class="button_001_Class" onclick="Get_srcElement2(this)">

</form>

</div>

<script>

function Get_srcElement2()

{

var srcElement=""

srcElement= srcElement + " \n" + "event.srcElement.id : " + event.srcElement.id

srcElement= srcElement + " \n" + "event.srcElement.tagName : " + event.srcElement.tagName

srcElement= srcElement + " \n" + "event.srcElement.type : " + event.srcElement.type

srcElement= srcElement + " \n" + "event.srcElement.value : " + event.srcElement.value

srcElement= srcElement + " \n" + "event.srcElement.name : " + event.srcElement.name

srcElement= srcElement + " \n" + "event.srcElement.className : " + event.srcElement.className

srcElement= srcElement + " \n" + "event.srcElement.parentElement.id : " + event.srcElement.parentElement.id

srcElement= srcElement + " \n" + "event.srcElement.getattribute : " + event.srcElement.getAttribute

alert(srcElement)

}

</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/

你可能感兴趣的文章

mudbox卸载/完美解决安装失败/如何彻底卸载清除干净mudbox各种残留注册表和文件的方法...

查看>>

mysql 1264_关于mysql 出现 1264 Out of range value for column 错误的解决办法

查看>>

mysql 1593_Linux高可用(HA)之MySQL主从复制中出现1593错误码的低级错误

查看>>

mysql 5.6 修改端口_mysql5.6.24怎么修改端口号

查看>>

MySQL 8.0 恢复孤立文件每表ibd文件

查看>>

MySQL 8.0开始Group by不再排序

查看>>

mysql ansi nulls_SET ANSI_NULLS ON SET QUOTED_IDENTIFIER ON 什么意思

查看>>

multi swiper bug solution

查看>>

MySQL Binlog 日志监听与 Spring 集成实战

查看>>

MySQL binlog三种模式

查看>>

multi-angle cosine and sines

查看>>

Mysql Can't connect to MySQL server

查看>>

mysql case when 乱码_Mysql CASE WHEN 用法

查看>>

Multicast1

查看>>

mysql client library_MySQL数据库之zabbix3.x安装出现“configure: error: Not found mysqlclient library”的解决办法...

查看>>

MySQL Cluster 7.0.36 发布

查看>>

Multimodal Unsupervised Image-to-Image Translation多通道无监督图像翻译

查看>>

MySQL Cluster与MGR集群实战

查看>>

multipart/form-data与application/octet-stream的区别、application/x-www-form-urlencoded

查看>>

mysql cmake 报错,MySQL云服务器应用及cmake报错解决办法

查看>>