communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > js tutoriel > 浏览器脚本兼容 文本框中,回车键触发事件的兼容_javascript技巧

浏览器脚本兼容 文本框中,回车键触发事件的兼容_javascript技巧

WBOY
Libérer： 2016-05-16 18:24:42
original
1100 Les gens l'ont consulté

判断是否按下的为回车非常简单:

复制代码 代码如下:

function EnterPress(){
if(event.keycode == 13){
...
}
}

IE6的onkeypress会接受"回车事件",而onkeydown不会接受
IE8的onkeypress不会接受"回车事件",而onkeydown会接受
...不用纠结于此,两个都写上吧
复制代码 代码如下:



但是,到了FF下面,又会出现矛盾.FF是onkeypress和onkeydown都接受"回车事件"的.
同时,为了兼容FF下面能获得event,需要这样写:
复制代码 代码如下:

function EnterPress(e){ //传入 event
var e = e | window.event;
if(e.keycode == 13){
...
}
}

那么,只要给任意的一个事件内传参数 event,另外一个不传参数,即可以让FF只执行一次了:
复制代码 代码如下:

&

综上,兼容IE和FF:
复制代码 代码如下:


<script> <BR>function EnterPress(e){ //传入 event <BR>var e = e | window.event; <BR>if(e.keycode == 13){ <BR>document.getElementById("txtAdd").focus(); <BR>} <BR>} <BR></script>






--by:泡沫的幻想
Étiquettes associées：
浏览器
source：php.cn
Article précédent：safari,opera嵌入iframe页面cookie读取问题解决方法_javascript技巧 Article suivant：浅谈tudou土豆网首页图片延迟加载的效果_javascript技巧
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Comment afficher la version mobile de Google Chrome Bonjour professeur, comment puis-je changer Google Chrome en version mobile ?
Depuis 2024-04-23 00:22:19
0
9
1588
En vue mobile, comment fermer cette barre de navigation lorsque l'utilisateur clique sur le lien ? Lorsque l'utilisateur clique sur un lien pour naviguer sur le site Internet, la barre de n...
Depuis 2024-04-06 19:23:03
0
1
411
Impossible d'obtenir l'élément d'entrée du site Web J'essaie donc d'obtenir un élément d'entrée de Twitter mais lorsque je l'exécute, cela con...
Depuis 2024-04-06 18:59:57
0
1
442
Générez des valeurs par défaut et des variables CSS à l'aide de SCSS J'implémente le style du site Web. Pour des raisons de support hérité, je dois prendre en ...
Depuis 2024-04-06 17:46:54
0
1
355
Ouvrir les documents de calcul à l'aide de window.open() et data: schéma J'ai une page Web qui s'exécute dans un navigateur qui génère un document HTML calculé que...
Depuis 2024-04-06 15:06:34
0
1
378
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal