javascript - 对焦或模糊时的射击功能(一起)

Question

我想要的是能够在输入获得焦点或失去焦点时执行某些操作(两个事件)。

我尝试了以下方法，但这按事件单独工作(单独编码时):仅在焦点上，或仅在失去焦点时。

另外，我希望它尽可能跨平台(包括触摸设备)，这是否足够(焦点和模糊)或者还有其他一些我需要关心的事件？

HTML:

<input type="text" class="inp">
<div id="zzz" class=""></div>

CSS:

div {
  height: 100px;
  width: 100px;
  background: #000;
}
.one {
  background: #ff0;
}

jQuery(3.2.1):

$(document).ready(function() {
    // Also tried using: $(".inp").focus.blur(function() {
    $(".inp").on("keypress", "focus", "blur", function () {
       if ( !$(this).val() ) {
           $("#zzz").removeClass("one");
       }
       else {
           $("#zzz").addClass("one");
       }
    });
});

Answer 1

另一种方法是 -

你必须改变这个 -

$(".inp").on("keypress", "focus", "blur", function () {

至

$(".inp").on("keypress focus blur", function () {

$(document).ready(function() {
    // Also tried using: $(".inp").focus.blur(function() {
    $(".inp").on("keypress focus blur", function () {
       if ( !$(this).val() ) {
           $("#zzz").removeClass("one");
       }
       else {
           $("#zzz").addClass("one");
       }
    });
});

div {
  height: 100px;
  width: 100px;
  background: #000;
}
.one {
  background: #ff0;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" class="inp">
<div id="zzz" class=""></div>