отображение ИМЯ ЭЛЕМЕНТА, которое вызвало событие мыши в javascript

Я пытаюсь заставить окно предупреждения отображать имя элемента (здесь 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();
    }
}

javascript event-handling ctrl
person vbp    schedule 18.10.2014    source источник
comment
Посмотрите на event.target — Цель события   -  person haxtbh    schedule 18.10.2014
comment
@ Джордж Это не дубликат. Это относится к просмотру конструктора объекта с вопросом, как получить целевой элемент.   -  person All Workers Are Essential    schedule 18.10.2014

Ответы (1)


arrow_upward
2
arrow_downward

Вы можете использовать свойство target события, чтобы получить элемент. Затем получите имя этого элемента, используя свойство tagName элемент.

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