javascript - 一度に 1 つのイベントのみを起動する方法

Question

$(".timeSeenInput").on("focusout keypress",function(event){
        alert($(this).attr("id"))
    })

ユーザーが入力ボックスから離れたとき、または押したときにそれを検出する必要があります。上記のコードは、キーを押したときに 2 回実行されます。両方ではなく、タブまたはフォーカスアウトのいずれかで起動するにはどうすればよいですか?

Answer 1

あなたはそれを少しデバウンスすることができます：

http://jsfiddle.net/wVbeB/

(function () {
    var timeout;
    $(".timeSeenInput").on("focusout keypress", function (event) {
        if (!timeout) {
            var self = this;
            timeout = setTimeout(function () {
                console.log(self.id);
                timeout = null;
            }, 0);
        }

    })
})();

Answer 2

これは、tab keyが押されて発生した場合にのみfocusout発生します。

$(".timeSeenInput").on("focusout keydown", function (e) {
   var kc = e.which || e.keyCode;
   if (kc === 9) {
      alert('focusout with tab only');
   }
});

Answer 3

タブアウトは、両方のイベントによって生成されます。タブアウト イベントにフラグを立てて、ぼかしを処理しないようにすることができます。

var handleBlur = true;
$(".timeSeenInput").on("focusout keypress",function(event) {
    if (event.type === 'keypress' && event.keyCode === TAB) {
        alert($(this).attr("id"));
        handleBlur = false;
        return;
    } else if (event.type === 'blur' && handleBlur) {
        // Handle blur
    }
    handleBlur = true;
});

Answer 4

そのためのblurイベントです。

フィドル: http://jsfiddle.net/DPh6P/

$(".timeSeenInput").on("blur", function (event) {
    alert($(this).attr("id"))
})