communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français

JavaScript annule l'action par défaut du navigateur

L'action par défaut fait référence à une opération effectuée par le navigateur qui n'est pas explicitement spécifiée par l'utilisateur. Pour certaines balises HTML, le navigateur dispose toujours d'une action par défaut.

http://www.baidu.com

Cliquez sur le lien ci-dessus et le navigateur ouvrira une fenêtre pour accéder à la page d'accueil de Baidu. Cette action est l'action par défaut du navigateur : cliquer sur une balise <a> vous redirigera vers la page cible.

Les autres actions par défaut du navigateur incluent le fait de cliquer sur le bouton Soumettre pour soumettre le formulaire, de cliquer sur le bouton Réinitialiser pour réinitialiser le formulaire, de déplacer la souris sur un élément avec l'attribut titre pour afficher une invite, etc.

L'action par défaut du navigateur peut être annulée via JavaScript.

Pour les navigateurs qui suivent la spécification W3C, utilisez la méthode PreventDefault() de l'objet événement pour annuler l'action par défaut ; cependant, IE8.0 et versions antérieures ne prennent pas en charge cette méthode. Elle attribue false à l'attribut returnValue. de l’objet événement pour annuler l’action par défaut.

Annulez l'action par défaut de la balise <a> 

<html>
<head>
<title>取消<a>标签的默认动作</title>
</head>
<body>
<a id="demo" href="http://www.baidu.com" target="_blank">点击这里试试</a>
<script type="text/javascript">
    document.getElementById("demo").onclick=function(e){
        var eve = e || window.event;
        try{  // 使用 try...catch 语句避免浏览器出现错误提示
            eve.preventDefault();  // 非 IE 浏览器
        }catch(e){
            eve.returnValue = false;  // IE8.0 及其以下版本
        }
    }
</script>
</body>
</html>


Formation continue
||
<html> <head> <title>取消<a>标签的默认动作</title> </head> <body> <a id="demo" href="http://www.baidu.com" target="_blank">点击这里试试</a> <script type="text/javascript"> document.getElementById("demo").onclick=function(e){ var eve = e || window.event; try{ // 使用 try...catch 语句避免浏览器出现错误提示 eve.preventDefault(); // 非 IE 浏览器 }catch(e){ eve.returnValue = false; // IE8.0 及其以下版本 } } </script> </body> </html>
soumettreRéinitialiser le code
Section précédente section suivante
Liste des didacticiels
obtenir de l'aide
  • Recommandations de cours
  • Téléchargement du didacticiel
Le didacticiel n'est pas disponible au téléchargement pour le moment. Le staff est actuellement en train de l'organiser. Veuillez prêter plus d'attention à ce cours à l'avenir ~

Les étudiants qui ont regardé ce cours apprennent également

Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)  492837 joue