Heim >Web-Frontend >HTML-Tutorial >Das Ereignisattribut onclick wird durch einen Mausklick auf ein Element in HTML ausgelöst
Das Ereignisattribut onclick wird durch einen Mausklick auf ein Element in HTML ausgelöst
- 黄舟Original
- 2017-11-06 09:46:514585Durchsuche
Beispiel
Führen Sie ein Stück JavaScript aus, wenn auf die Schaltfläche geklickt wird:
<button onclick="copyText()">Copy Text</button>
Browser-Unterstützung
IE
Firefox
Chrome
Safari
Opera
Alle gängigen Browser unterstützen das Onclick-Attribut.
Definition und Verwendung
onclick-Attribut wird durch einen Mausklick auf das Element ausgelöst.
Hinweis: Das onclick-Attribut gilt nicht für die folgenden Elemente: dde6fb694e6711ae5e6f381704c04ae4, 71af07a0e88a1ac1ff73f855702ac153, 0c6dc11e160d3b678d68754cc175188a, 93f0f5c25f18dab9d176bd4f6de5d30e, 100db36a723c770d327fc0aef2ce13b1, d5ba1642137c3f32f4f4493ae923989c, < ;meta>, 0c68fef83818661b6da588c77ca3985e, 3f1c4e4b6b16bbbd69b2ee476dc4f83a, c9ccee2e6ea535a969eb3f532ad9fe89 oder b2386ffb911b14667cb8f0f91ea547a7.
Unterschiede zwischen HTML 4.01 und HTML5
Keine.
Syntax
<element onclick="script">
Attributwert
| 值 | 描述 |
| script | onclick 发生时运行的脚本。 |
Das kleine System, das ich jetzt baue, verwendet Metro UI CSS, um den coolen Effekt zu erzielen, den der Leiter sagte: aber weil ich lange Zeit damit gekämpft habe, Parameter an das Klickereignis jeder Kachel (div-Tag) zu übergeben (ich bin ein Neuling), und schließlich eine Lösung über das Attribut data-* gefunden habe, sind die folgenden jQuery- und js-Implementierungen :
<!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>Das obige ist der detaillierte Inhalt vonDas Ereignisattribut onclick wird durch einen Mausklick auf ein Element in HTML ausgelöst. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!