Jak mogę wykryć kliknięcie określonego elementu?

Question

proszę wykonać następujące dwa etapy:

• ostrość na input klikając w niego
• a teraz kliknij na button

$("input").on({ 
 
    focusout: function() { 
 
    \t this.value += "one|"; 
 
    } 
 
}); 
 

 
$("button").on("click", function(){ 
 
    $old_val = $("input").val(); 
 
    $("input").val($old_val+"two|"); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" /> 
 
<button>Add "two"</button>

wynik będzie : one|two|! Cóż, nie chcę tego. Chcę wyłączyć focusout po kliknięciu przycisku. Jak mogę to zrobić?

Oczekiwany wynik po wykonaniu tych dwóch kroków powinien wynosić two|.

Answer 1

Nie chcesz, aby przycisk wywoływał domyślne zdarzenie mousedown, w którym przeglądarki zmieniają fokus. Korzystanie z e.preventDefault() spowoduje zatrzymanie tego zdarzenia, jeśli przypiszesz je do zdarzenia na przycisku.

$("input").on({ 
 
    focusout: function() { 
 
    \t this.value += "one|"; 
 
    } 
 
}); 
 
$("button").on("mousedown", function(e) { 
 
    e.preventDefault(); 
 
}); 
 
$("button").on("click", function(){ 
 
    $old_val = $("input").val(); 
 
    $("input").val($old_val+"two|"); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" /> 
 
<button>Add "two"</button>