Home >Web Front-end >JS Tutorial >jquery enter key trigger event implementation method

jquery enter key trigger event implementation method

小云云
小云云Original
2018-01-16 09:27:202715browse

This article mainly shares with you an example of how jquery implements the enter key trigger event. It has a good reference value and I hope it will be helpful to everyone. Let’s follow the editor to take a look, I hope it can help everyone.

There are 3 keyboard events:

keydown, keypress, keyup, which are respectively pressing, pressing without lifting, and lifting the keyboard.

The correct code is:

$(document).keyup(function(event){
 if(event.keyCode ==13){
  $("#submit").trigger("click");
 }
});

Recommended: keyup to prevent the laptop keyboard from being accidentally touched

1. Some documents have it written like this:

$(window).keydown(function(){
...
})

It is unsuccessful under IE6 under XP system.

2. There is also INPUT's

$("input").keydown(function(){
...
})

In this case, keyboard events can only be monitored when the input gets focus.

Related recommendations:

JQuery simulates click events and automatically triggers events

How to implement mouse hovering after a certain period of time in js Trigger event

JQuery-based select drop-down box selection trigger event instance analysis

The above is the detailed content of jquery enter key trigger event implementation method. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn