Javascript 如何防止在子元素中激活事件?

Javascript 如何防止在子元素中激活事件?,javascript,html,css,Javascript,Html,Css,我希望事件不会在输入中被激活 我的代码html <header> <nav class="titlebar" ondblclick="test()"> <input class="box" type="text"> <hr> </nav> </header> }您可以有条件地检查输入。 如果希望避免使用更多元素,可以检查类名之类的特性 功能测试(e){ if(e.targe

我希望事件不会在输入中被激活

我的代码html

<header>
    <nav class="titlebar" ondblclick="test()">
       <input class="box" type="text">
       <hr> 
    </nav>
</header>

}您可以有条件地检查输入。 如果希望避免使用更多元素,可以检查类名之类的特性

功能测试(e){
if(e.target instanceof HTMLInputElement&&e.target.type=='text'){
日志(“点击输入”);
}否则{
控制台日志(“其他地方”);
}
}



您可以有条件地检查输入。 如果希望避免使用更多元素,可以检查类名之类的特性

功能测试(e){
if(e.target instanceof HTMLInputElement&&e.target.type=='text'){
日志(“点击输入”);
}否则{
控制台日志(“其他地方”);
}
}



在子元素中侦听事件并通过
stopPropagation取消它
在子元素中侦听事件的可能重复,并通过
stopPropagation取消它
可能重复的感谢,我的问题已解决@Boy With Silver Wings!!:达皮来帮忙。你可以接受这个答案,它有帮助@MarkCollingThanks,我的问题解决了@Boy With Silver Wings!!:达皮来帮忙。你可以接受这个答案,它有助于@MarkColling
function test() {
alert('holi')