Триггеры событий несколько раз

Question

$("input[type='color']").on("change blur", function() { 
    alert("changed"); 
}); 

Это также относится к другим элементам, но это хороший пример. При использовании типа цветного ввода в некоторых браузерах он запускается на «change», но не на «blur», а на некоторых он вызывает «размытие», но не на «change», а некоторые - на обоих.

Есть ли хороший способ, чтобы он срабатывал только один раз?

В основном я говорю о различных мобильных браузерах.

Answer 1

Я написал специальную версию .one(), которая будет перепроверять обработчики событий после первое событие было обработано. Он делает это в оболочке, поэтому сам код обработчика событий не нужно изменять.

$.fn.one_rebind = function(events, listener) { 
    return this.one(events, function fn() { 
    var $self = $(this).unbind(events); 

    listener.apply(this, arguments); 

    setTimeout(function() { 
     $self.one(events, fn); 
    }, 0); 
    }); 
}; 

$('input[type=color]').one_rebind('change blur', function(evt) { 
    document.getElementById('debug').innerText += ' ' + evt.type; 
}); 

Хотя испытания, пробег может варьироваться :)

Demo

Answer 2

Вы можете попробовать обработчик .one() события вместо .on()http://api.jquery.com/one/

Answer 3

Начните функцию с этим:

var now = new Date().getTime(); 
if(arguments.callee.lastcalled > now-250) return false; 
arguments.callee.lastcalled = now; 

Что это делает предел функции от вызова более чем один раз каждые 250 миллисекунд (что обычно достаточно, не рискуя отсутствием фактических дубликатов)