events - event.trigger 不工作

Question

event.trigger 仅在以下情况下不起作用。

.js 文件：

alert(event.target.getAttribute("name"));

.html 文件：

            <div class=" tile  tile-big tile-5" id="three" name = "Launch" >
                <div><p>Launch Application </p></div>
            </div>

它给出的是“null”，而不是名称。

并且 alert(document.getElementById(this.id).getAttribute("name"));工作正常。

帮我。

提前致谢。

Answer 1

问题是你的目标不是

<div class=" tile  tile-big tile-5" id="three" name = "Launch" >

但

<p>Launch Application </p>

它没有“name”属性，这就是为什么你得到 null 尝试向它添加 name 属性，你会得到正确的警报。

尝试这个

<div class=" tile  tile-big tile-5" id="three" name = "Launch" onclick="testAlert(event)">
            <div name = "Launch2"><p name = "Launch3">Launch Application </p></div>
</div>

<script>
function testAlert(event) 
{
    var target = event.target || event.srcElement;
    alert(target.getAttribute('name'));
}
</script>

你会得到答案