Shift + наведение мышки с помощью jQuery - PullRequest
Новая
       24

Shift + наведение мышки с помощью jQuery

10 голосов
/ 18 сентября 2009

Я пытаюсь определить, была ли нажата клавиша Shift при наведении курсора на определенный элемент. Функция срабатывает, но только после Сначала я нажимаю на другой элемент. Есть ли способ обойти это? Я попытался установить фокус как на документ, так и на элемент, и попытался создать функцию псевдо-щелчка, но пока ничего не получалось.

Например, следующий код работает только после того, как я щелкну другой элемент на странице: 

$("#selector").mouseover(function(e){
    if(e.shiftKey) {
        console.log("the shift key is pressed");
    }
});

Заранее спасибо за любую информацию.

Ответы [ 3 ]

10 голосов
/ 18 сентября 2009

отметьте это на событии нажатия клавиши: 

$(document).keypress(function (e) {

  if(e.shiftKey) {
    pressed = true; // pressed is a global varialbe. Be carefull of the scope
  }

}

затем на клавиатуре: 

$(document).keyup(function(event){
   pressed = false;
});

затем выполните: 

$("#selector").mouseover(function(e){
    if(pressed) {
        console.log("the shift key is pressed");
    }
});

или наоборот: 

$("#selector").mouseover(function(e){
    isover = true;
});

и 

   $(document).keypress(function (e) {

      if(e.shiftKey) {
        alert("do something")
      }

   }
8 голосов
/ 09 июля 2011

Нет необходимости сохранять переменную при нажатии и отпускании клавиши Shift. Вы можете добиться того, что вам нравится, как это: 

$('#selector').mouseover(
    function(e){
        if (e.shiftKey)
        {
            console.log("the shift key is pressed");
        }
    }
);
1 голос
/ 18 сентября 2009

Я попробовал ваш код, как это, и он отлично работает. Вы должны «сдвинуть», затем навести курсор мыши. 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script>
    loadHandler = function(){
        $("#selector").mouseover(function(e){
            if(e.shiftKey) {
                alert("the shift key is pressed");
            }
        });
    }
</script>
</head>
<body onload="loadHandler();">
<div style="border:1px solid black" id="selector">

    <br/>
    <br/>

    This is a div.

    <br/>
    <br/>

<div>
</body>
</html>

К какому типу элементов он применяется?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...