JS: Как определить, находится ли курсор в текстовом поле

Question

Я хочу использовать несколько букв (ключей) в качестве ярлыка для некоторых действий в javascript. Я хочу проверить, ориентирован ли курсор на любое текстовое поле, ввод формы и т. Д., Чтобы действие ярлыка было отменено, когда пользователь вводит что-то в форме или текстовом поле.

Например, я хочу, чтобы предупреждение() выполнялось, когда пользователь нажимает «A». Но если пользователь вводит текст в текстовом поле, например «Веб-сайт», тогда он будет нажимать «A», на этот раз alert() не должен выполняться.

Answer 1

window.onkeydown = function(e){ 
    if (e.target.nodeName == 'INPUT') return; 

    handle_shortcut(); 
}; 

Answer 2

JQuery mouseover()

$('element').mouseover(function() { 
     alert('over'); 
}); 

Answer 3

Вы можете связать и отвязать в контекстные события в зависимости от какой элемент в данный момент имеет фокус на вашей странице.

JavaScript

window.onload = initWindow(); 

function initWindow() { 
    attachShortcutHandler(); 

    var inputs = document.getElementsByTagName('input'); 
    for (var i = 0, max = inputs.length; i < max; i++) { 
     inputs[i].onfocus = removeShortcutHandler; 
     intputs[i].onblur = attachShortcutHandler; 
    } 
} 

function removeShortcutHandler() { 
    window.onkeypress = null; 
} 

function attachShortcutHandler() { 
    window.onkeypress = function() { 
     //your code here 
    } 
} 

JQuery

$(function() { 
    initShortcutHandler(); 

    $('input, [any other element you want]') 
     .on('focus', function() { 
      $('body').off('keypress'); 
     }) 
     .on('blur', function() { 
      initShortcutHandler(); 
     }); 
}); 

function initShortcutHandler() { 
    $('body').on('keypress', function() { 
     //do your stuff 
    }); 
} 

Answer 4

JQuery

$(window).bind('keydown',function(e){ 
    if(e.target.nodeName.toLowerCase() === 'input'){ 
     return; 
    } 
    alert('a'); 
}); 

или чисто JS

window.onkeydown = function(e){ 
    if(e.target.nodeName.toLowerCase() === 'input'){ 
     return; 
    } 
    alert('a'); 
}; 

Что вы можете сделать в дополнение к этому, это определить массив типов элементов без предупреждения, поэтому input, textarea и т. Д., А затем проверить, что ни один из этих элементов в настоящее время не является целью.

Демо: http://jsfiddle.net/7F3JH/

Answer 5

вам нужно сделать флаг в качестве глобального. и установите значение false, если в любом текстовом поле есть фокус.

var flag = true;

$ ('input: type = "text"). Focus (function (txt) { flag = false;});

---

если (флаг) // клавиши быстрого доступа работает ...

Answer 6

Лучше использовать метод focusOut, определенный в JQuery. Согласно моему пониманию вы можете сделать что-то вроде этого

$("input").focusout(function() { 
    if($(this).val() == "A"{ 
    alert("your message"); 
    return false; 
    }else{ 
    //do other processing here. 
    } 
}); 

Надеется, что это помогает :)

Answer 7

$(document).keydown(function(e) { 
    if(e.target.nodeName == "INPUT" || e.target.nodeName == "TEXTAREA") return; 
    if(e.target.isContentEditable) return; 

    // Do stuff 
}