Question

我有一个菜单页面。该菜单被div id =“tools”包围。我将工具div传递给EventHandler。 Evenyhandler应该知道用户点击的菜单中的哪个条目，程序可以由于用户选择而继续。

在JQuery中我会做这样的事情

  $(document).click(function (event) {
        var text = $(event.target).text();
        if (text.contains("line")) {
            //DO
        } else if (text.contains("square")) {
            //DO
        }
    });

如果我在打字稿中使用event.target，则我无法提取内容。

它可以用console.log（event.target）显示，但就是这样。

那么我怎样才能获得目标的内容？

<div>
    <div id="tools" style="position: fixed; top: 200px; left: 800px">
        <ul>
            <li><a id="line">Line</a></li>
            <li><a id="circle">Circle</a></li>
            <li><a id="triangle">Triangle</a></li>
            <li><a id="square">Square</a></li>
        </ul>
    </div>
</div>

TS

 menu.addEventListener("click", function (event) {
        //relevant part for my question
    });

Answer 1

你应该像这样event投射HTMLElement

var text = (<HTMLElement>evt.target).textContent;

使用typescript获取div中clicked元素的id

1 个答案: