200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > js获取鼠标所在html元素的id和属性

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

时间:2021-04-28 08:43:01

相关推荐

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

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

Code: <divonclick="Get_srcElement()"> <divid="001"style="border:1pxsolidred;width:100%;height:500px"><spanid="node001">这是第1结点div001<span> <divid="002"style="border:1pxsolidred;width:80%;height:300px"><spanid="node002">这是第2结点div002<span> <divid="003"style="border:1pxsolidred;width:50%;height:200px"><spanid="node003">这是第3结点div003<span> </div> <divid="004"style="border:1pxsolidred;width:50%;height:200px"><spanid="node003">这是第3结点div004<span> </div> </div> </div> <script> functionGet_srcElement() { varsrcElement="" 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><divid="div_001"> <formid="form_001"> <inputtype="button"id="button_001_id"name="button_001_Name"value="单击查看"class="button_001_Class"onclick="Get_srcElement2(this)"> </form> </div> <script> functionGet_srcElement2() { varsrcElement="" 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)

}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。