Maison  >  Article  >  interface Web  >  L'attribut d'événement onclick déclenché par un clic de souris sur un élément en html

L'attribut d'événement onclick déclenché par un clic de souris sur un élément en html

黄舟
黄舟original
2017-11-06 09:46:514532parcourir

Exemple

Exécuter un morceau de JavaScript lorsque vous cliquez sur le bouton :

<button onclick="copyText()">Copy Text</button>

Prise en charge du navigateur

IE

Firefox

Chrome

Safari

Opera

Tous les principaux navigateurs prennent en charge l'attribut onclick.

Définition et utilisation

L'attribut onclick est déclenché par un clic de souris sur l'élément.

Remarque : L'attribut onclick ne s'applique pas aux éléments suivants : dde6fb694e6711ae5e6f381704c04ae4, 71af07a0e88a1ac1ff73f855702ac153, 0c6dc11e160d3b678d68754cc175188a, 93f0f5c25f18dab9d176bd4f6de5d30e, 100db36a723c770d327fc0aef2ce13b1, d5ba1642137c3f32f4f4493ae923989c, < ;meta>, 0c68fef83818661b6da588c77ca3985e, 3f1c4e4b6b16bbbd69b2ee476dc4f83a, c9ccee2e6ea535a969eb3f532ad9fe89 ou b2386ffb911b14667cb8f0f91ea547a7.

Différences entre HTML 4.01 et HTML5

Aucune.

Syntaxe

<element onclick="script">

Valeur d'attribut

描述
script onclick 发生时运行的脚本。

Le petit système que je construis utilise maintenant Metro UI CSS afin d'obtenir l'effet sympa que le leader a dit : mais parce que j'ai longtemps lutté sur la façon de transmettre des paramètres à l'événement click de chaque tuile (balise div) (je suis novice), et j'ai finalement trouvé une solution via l'attribut data-*. Voici les implémentations de jQuery et js. :

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
         <script src="js/jquery/jquery.min.js"></script>
         <script>
             $(document).ready(function(){
                 $(".title").click(function(){
                     var id=$(this).data("id");
                     var name=$(this).data("name");
                     alert("Id: "+id+" ; Name: "+name);});
             });
             
             function onClick(e){
                 var id=e.getAttribute("data-id");
                var name=e.getAttribute("data-name");
                 alert("Id: "+id+" ; Name: "+name);
             }
         </script>
    </head>
    <body>
        <div class="title" data-id="1" data-name="Microsoft">Click Me</div>
        <div id="add" data-id="2" data-name="Google" onclick="onClick(this)">Click Me</div>
    </body>
</html>


Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
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