顯示在javascript中觸發鼠標事件的元素名稱

我試圖讓警報框顯示元素名稱（這裏是html）（顯然沒有硬編碼），觸發事件onclick按下ctrl。顯示在javascript中觸發鼠標事件的元素名稱

<!DOCTYPE html> 
<html onclick="alertD(event)"> 
<head> 
<title> 
</title> 
</head> 
<body> 

<!--<p>click anywhere on the page to display alert dialog</p>--> 



<script type="text/javascript"> 

function alertD(event) 
{ 
    if (event.shiftKey) 
    { 
     alert(event); 
    } 
    else if(event.ctrlKey) 
    { 
     alert("html"); //-- this is where it would say something like alert(document.element)??? 
    } 
    else 
    { 
     alert(); 
    } 
}

來源

2014-10-18 vbp

看看'event.target' - [事件目標（http://www.w3schools.com/jsref/event_target.asp） – haxtbh 2014-10-18 16:41:01

@George這不是重複。這指的是查看對象的構造函數，同時詢問如何獲取目標元素。 – cpburnz 2014-10-18 17:04:28

您可以使用事件的target屬性來獲取元素。然後使用元素的tagName屬性獲取該元素的名稱。

function alertD(event) 
{ 
    if (event.shiftKey) 
    { 
     alert(event); 
    } 
    else if(event.ctrlKey) 
    { 
     alert(event.target.tagName); // <-- tag name 
    } 
    else 
    { 
     alert(); 
    } 
}

來源

2014-10-18 16:45:16 dreyescat

顯示在javascript中觸發鼠標事件的元素名稱

回答

相關問題