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

时间:2014-10-18 16:34:32

标签: javascript event-handling ctrl

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

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

1 个答案:

答案 0 :(得分:2)

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

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