JS surveille les événements de retour du transport du navigateur et peut prendre en charge les navigateurs tels que IE6 +, Firefox, Google, etc.
La copie de code est la suivante:
<html>
<adal>
<script type = "text / javascript">
// Enregistrer l'événement du clavier
document.onkeydown = fonction (e) {
// Catchez l'événement de retour en voiture
var ev = (typeof event! = 'undefined')? window.event: e;
if (ev.KeyCode == 13) {
alert ('Catched the ENTER Event!');
}
}
</cript>
</ head>
<corps />
</html>
Alors, comment prendre l'événement de retour de voiture d'un objet DOM spécifié? Voici un exemple de la balise d'entrée:
La copie de code est la suivante:
<html>
<adal>
<script type = "text / javascript">
// Enregistrer l'événement du clavier
document.onkeydown = fonction (e) {
// Catchez l'événement de retour en voiture
var ev = (typeof event! = 'undefined')? window.event: e;
if (ev.KeyCode == 13 && document.activeElement.id == "msg") {
alert ("Get Content:" + document.activeElement.Value);
}
}
</cript>
</ head>
<body>
<input type = "text" id = "msg" value = "" />
</docy>
</html>
Alors, comment désactiver l'événement de retour du chariot de navigateur dans JS? Nous savons que dans la zone de formulaire HTML, le comportement par défaut du navigateur lors de l'appuyer sur Entrée est de soumettre automatiquement le formulaire. Voici un exemple pour illustrer comment désactiver le navigateur Entrer l'événement par JS:
La copie de code est la suivante:
<html>
<adal>
<script type = "text / javascript">
// Enregistrer l'événement du clavier
document.onkeydown = fonction (e) {
// Catchez l'événement de retour en voiture
var ev = (typeof event! = 'undefined')? window.event: e;
if (ev.KeyCode == 13 && document.activeElement.id == "msg") {
retour false; // désactiver l'événement de retour
}
}
</cript>
</ head>
<body>
<form action = "form.php">
<input type = "text" id = "msg" name = "msg" value = "" />
<input type = "soumi" value = "soumi" />
</ form>
</docy>
</html>