O JS monitora os eventos de retorno do carro do navegador e pode suportar navegadores como IE6+, Firefox, Google, etc.
A cópia do código é a seguinte:
<html>
<head>
<script type = "text/javascript">
// Registre o evento do teclado
document.onkeydown = function (e) {
// pegue o evento de retorno do carro
var ev = (tipoof evento! = 'indefinido')? Window.Event: e;
if (ev.Keycode == 13) {
alerta ('pegou o evento Enter!');
}
}
</script>
</head>
<corpo />
</html>
Então, como pegar o evento de retorno do carro de um objeto DOM especificado? Aqui está um exemplo da tag de entrada:
A cópia do código é a seguinte:
<html>
<head>
<script type = "text/javascript">
// Registre o evento do teclado
document.onkeydown = function (e) {
// pegue o evento de retorno do carro
var ev = (tipoof evento! = 'indefinido')? Window.Event: e;
if (ev.keycode == 13 && document.activeElement.id == "msg") {
alerta ("Obtenha conteúdo:" + document.activeElement.value);
}
}
</script>
</head>
<Body>
<input type = "text" id = "msg" value = "" />
</body>
</html>
Então, como desativar o evento de retorno do carro do navegador no JS? Sabemos que na área de formulário HTML, o comportamento padrão do navegador ao pressionar Enter é enviar automaticamente o formulário. Aqui está um exemplo para ilustrar como desativar o navegador, insira o evento por JS:
A cópia do código é a seguinte:
<html>
<head>
<script type = "text/javascript">
// Registre o evento do teclado
document.onkeydown = function (e) {
// pegue o evento de retorno do carro
var ev = (tipoof evento! = 'indefinido')? Window.Event: e;
if (ev.keycode == 13 && document.activeElement.id == "msg") {
retornar false; // Desativar o evento de retorno
}
}
</script>
</head>
<Body>
<form action = "form.php">
<input type = "text" id = "msg" name = "msg" value = "" />
<input type = "submite" value = "submit"/>
</morm>
</body>
</html>