Как я могу обнаружить определенный элемент?

Question

Пожалуйста, выполните следующие два шага:

• внимание на input, нажав на нее
• и теперь нажмите на 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>

Результат будет : one|two|! Ну, я не хочу этого. Я хочу отключить focusout, когда я нажимаю на кнопку. Как я могу это сделать?

Ожидаемый результат после следующих двух шагов: two|.

Answer 1

Вы хотите, чтобы кнопка не вызывала событие mousedown по умолчанию, в котором браузеры меняют фокус. Использование e.preventDefault() остановит это, если вы присвоите его событию mousedown на кнопке.

$("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>