Hủy sự kiện onBlur trong JavaScript?

Question

Tôi muốn thiết lập sự kiện onBlur cho yếu tố nhập xác thực giá trị và, nếu không hợp lệ, "hủy bỏ" làm mờ và căn chỉnh đầu vào. Tuy nhiên trả về false từ onBlur không hủy trênBlur cách thức thực hiện với onClick. Có một giải pháp cho điều này (có thể sử dụng jQuery?)

Answer 1

Tôi không biết bất kỳ cách nào đáng tin cậy của trình duyệt chéo để thực hiện việc này. Thường đặt thời gian chờ nhỏ trong sự kiện onblur và gọi số focus() khi bộ hẹn giờ kích hoạt.

Ví dụ:

document.getElementById('your_input_id').onblur = function() { 
    var self = this; 
    setTimeout(function() { self.focus(); }, 10); 
} 

Answer 2

Bạn có thể gọi focus() trong trình xử lý.
Điều này đôi khi sẽ giúp ích.

Answer 3

Bạn có thể thực hiện điều này bằng cách sử dụng chức năng focus() jQuery trong một thời gian chờ zero-thứ hai. Dưới đây là ví dụ:

$('#my_input').bind('blur', function(event) { 
    var $input = $(this); 
    var is_input_valid = false; 

    // Code to determine if input is valid 
    // ... 

    if (!is_input_valid) { 
     setTimeout(function() { 
     $input.focus(); 
     }, 0); 
     return false; 
    } 

});