以javascript显示触发鼠标事件的ELEMENT NAME



我正试图让警报框显示触发按下ctrl的onclick事件的元素名称(这里是html)(显然没有硬编码)。

<!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();
    }
}

您可以使用事件的target属性来获取元素。然后使用元素的tagName属性获取该元素的名称。

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

最新更新