Jquery：クリックと入力ハンドラが異なります

Question

ボタンがあります。私は、ユーザーがそれをクリックしたのか、enterを押したのかを検出し、どのイベントが発生したのかを検出したい。しかし、私がenterを押すと、クリックと入力ハンドラの両方が処理されます。

どうすればこの問題を解決できますか？

HTML：

<button type="button"> 
    Click me 
</button> 

のjQuery：

$("button").keydown(function(e){ 
    var keyCode = e.keyCode || e.which; 
    if(keyCode === 13){ 
     $("button").after("<div> enter was pressed </div>"); 
    } 
}) 

$("button").click(function(){ 
    $("button").after("<div> click event </div>"); 
}) 

https://jsfiddle.net/75wbo7d2/1/

Answer 1

Working fiddle

使用keyPress代わり：

$(document).keypress(function(e) { 
    var keyCode = e.keyCode || e.which; 
    if(keyCode === 13){ 
    $("button").after("<div> enter was pressed </div>"); 
    } 
}); 

$("button").click(function(){ 
    $(this).blur().after("<div> click event </div>"); 
}) 

は、この情報がお役に立てば幸いです。あなたがそれを行うことができますe.preventDefault();と

$(document).keypress(function(e) { 
 
    var keyCode = e.keyCode || e.which; 
 
    if(keyCode === 13){ 
 
    $("button").after("<div> enter was pressed </div>"); 
 
    } 
 
}); 
 

 
$("button").click(function(){ 
 
    $(this).blur().after("<div> click event </div>"); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button type="button"> 
 
    Click me 
 
</button>

Answer 2

ルックhttps://jsfiddle.net/75wbo7d2/3/ 。 乾杯[

]