jquery: thực hiện việc này trên keyup, trừ khi người đó đang ở trong vùng văn bản hoặc nhập

Question

kịch bản của tôi hoạt động nhưng tôi không hiểu cách làm cho nó KHÔNG khởi chạy các chức năng khi trong văn bản/đầu vào và các phím đó được nhấn. aka: khởi chạy sự kiện khi người dùng nhấn phím đó, trừ khi người dùng ở trong vùng văn bản/đầu vào.

$('body').keyup(function (event) { 

var direction = null; 
if (event.keyCode == 37) { 
    $('#wrapper').fadeOut(500) 
} else if (event.keyCode == 39) { 
     $('html,body').animate({scrollTop: $('body').offset().top}, {duration: 1500, easing: 'easeInOutQuart'} 
     ) 
return false;  
} 
    }) 

Answer 1

Chỉ cần kiểm tra event.target:

$('body').keyup(function(event) { 
    if ($(event.target).is(':not(input, textarea)')) { 
     ... 
    } 
}); 

Trong trường hợp này bạn sẽ vẫn chỉ có một trình xử lý sự kiện (được gắn với phần thân) nhưng nó sẽ lọc các phần tử nhận được sự kiện

Answer 2

Hãy thử:

$('body *:not(textarea,input)').keyup(function (event) { 

}); 

Answer 3

$('body :not(textarea,input[type=text])').keyup(function (event) { 

hoặc

$('body').not('textarea,input[type=text]').keyup(function (event) {