javascript - jquery 单击 div 上的绑定(bind)，影响驻留在其中的文本框

Question

HTML:

<div class="infoBox2 blackBoxHover">
    <h2>direct Link: </h2> 
    <input class="fileInput" type="text" id="directlinkText" name="directlinkText" />
</div>

JAVASCRIPT:

$('#directlinkText').parent('div').click(function () {
    alert('test');
});

问题是，当我单击 div 上的任意位置时，我希望看到测试，除非我单击其中的输入。 现在单击文本框输入也会触发 div 的单击事件

如何解决这个问题？

Answer 1

$('#directlinkText').parent('div').click(function (e) {
        if(e.target.id === "directlinkText"){
            return;
        }
        alert('test');
 });