Maison >interface Web >tutoriel HTML >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:514586parcourir
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!