Блог

У меня возникли некоторые проблемы при реализации моего плагина jQuery. Мне нужен плагин, который показывает мне некоторый элемент (всплывающее окно) и скрывает его, когда я нажимаю за пределы этого элемента.

Я реализовал этот плагин. Но у меня проблемы с формами во всплывающем окне. Когда я вычисляю координаты нажатого элемента, я использую pageX pageY свойства и .

Но есть некоторые интересные вещи, когда я пытаюсь отправить форму с помощью ENTERключа. Когда я нажимаюENTER, браузер запускает событие «щелчка» на кнопке отправки, но pageX значение и pageY этой кнопки равно 0. В event.target я вижу свою кнопку.

Когда я сам нажимаю кнопку отправки — все в порядке.

Вопрос: как я могу определить, кто нажал эту кнопку? Пользователь или браузер? (без каких-либо всплесков, таких как обнаружение клавиши ввода при вводе или так далее)

Дополнительно: как вы можете видеть здесь, события разные (при нажатии на «Отправить» и «НажатьENTER«). Но разница настолько мала… Я вижу только, что свойство ‘detail’ имеет значение 0, когда мы отправляем форму с помощью ENTER. Подробным свойством является количество щелчков по элементу для события мыши.

Это единственный способ обнаружить отправку? Правильно ли это?

Если вы привязываете обработчик щелчка к событию щелчка, а затем вызываете щелчок программно, а также по щелчку пользователя, и хотите различать два события в обработчике, вы можете проверить наличие EventObject.originalEvent, который установлен в пользовательском щелчке, но не в вызове .click() .

Пример:

$('#el').click(function(evt){ if(evt.originalEvent){ //user click } else { // .click() call } });

Как насчет тестирования pageX == 0 AND pageY == 0 ?

Или даже лучше, предполагая, что это форма (это следует из вашего сообщения), почему бы не использовать .submit() rather then .click() ?