禁用父事件

Question

我在javascript中遇到問題。

這是我的HTML

<td onclick="a();" > 
    <input type="text" onclick="b();" value="" /> 
</td> 

當我點擊輸入文本，我想B功能僅被執行。但是，現在一個也被執行。如何阻止一個函數被執行？

我用下面的，但沒有成功

$j("input").click(function(event){ 
    event.stopPropagation(); 
}); 

感謝試圖提前

Answer 1

這可能工作

<input type="text" onclick="b();event.stopPropagation();" value="" /> 

Answer 2

請告訴我該j後$

嘗試

$("input").click(function(event){ 
    event.stopPropagation(); 
return false; 
}); 

Answer 3

嘗試

內嵌js代碼不需要jQuery。

fiddle Demo

<input type="text" onclick="b(); 
     window.event.cancelBubble = true; 
     window.event.stopPropagation();" value="" /> 

---

event.stopPropagation

window.event.cancelBubble= true;爲IE

---

或使用jQuery

包裝你的代碼DOM Ready

fiddle Demo

$(function() { 
    $("input").click(function (event) { 
     event.stopPropagation(); 
    }); 
}); 

Answer 4

試試這個方法：

function a(){ 
    console.log('a'); 
} 

function b(){ 
    event.stopPropagation(); 
    console.log('b'); 
} 

Fiddle

Answer 5

嘗試這樣 在HTML

<td > 
    <input type="text" value="" /> 
</td> 

在JS

$("td").on("click",function(event){ 
event.stopPropagation(); 
if(event.target=="input") 
{ 
b(); 
} 
else{ 
a(); 
} 
});