Heim > Artikel > Web-Frontend > Das Ereignisattribut onmouseup wird in HTML ausgelöst, wenn die Maustaste losgelassen wird
Das Ereignisattribut onmouseup wird in HTML ausgelöst, wenn die Maustaste losgelassen wird
- 黄舟Original
- 2017-11-06 11:32:383352Durchsuche
Beispiel
JavaScript ausführen, wenn die Maustaste auf einem Absatz losgelassen wird:
<p onmouseup="mouseUp()">Click the text!</p>
Browser-Unterstützung
IE
Firefox
Chrome
Safari
Opera
Alle gängigen Browser unterstützen die onmouseup-Eigenschaft.
Definition und Verwendung
Das onmouseup-Attribut wird ausgelöst, wenn die Maustaste losgelassen wird.
Tipp: Ereignisreihenfolge relativ zum onmouseup-Ereignis (beschränkt auf die linke/mittlere Maustaste):
onmousedown
onmouseup
onclick
Die Ereignissequenz des Onmouseup-Ereignisses (beschränkt auf die rechte Maustaste):
onmousedown
onmouseup
oncontextmenu
Hinweis: Das onmouseup-Attribut gilt nicht für die folgenden Elemente: dde6fb694e6711ae5e6f381704c04ae4, 71af07a0e88a1ac1ff73f855702ac153, 0c6dc11e160d3b678d68754cc175188a, 93f0f5c25f18dab9d176bd4f6de5d30e, 100db36a723c770d327fc0aef2ce13b1, d5ba1642137c3f32f4f4493ae923989c, e8e496c15ba93d81f6ea4fe5f55a2244, 0c68fef83818661b6da588c77ca3985e, 3f1c4e4b6b16bbbd69b2ee476dc4f83a, < ;style> oder Unterschiede zwischen HTML 4.01 und HTML5 Keine. Syntax Attributwerte Sie werden durch den Aufruf von JavaScript-Skripten implementiert. Was wir in diesem Programm auch sehen können, ist die Verarbeitung der Textfarbe: getElementById().style.color, um die Farbe des Textes festzulegen Das obige ist der detaillierte Inhalt vonDas Ereignisattribut onmouseup wird in HTML ausgelöst, wenn die Maustaste losgelassen wird. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!<element onmouseup="script">
值
描述
script
onmouseup 发生时运行的脚本。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript">
function mouseDown()
{
document.getElementById("p1").style.color="red";
}
function mouseUp()
{
document.getElementById("p1").style.color="green";
}
</script>
<title>鼠标事件</title>
</head>
<body>
<p id="p1" onmousedown="mouseDown()" onmouseup="mouseUp()">点击文本</p>
当鼠标按下的时候触发mouseDown()函数，该函数是将文本样式变成红色
当鼠标松开的是触发mouseUp()函数，该函数将文本的样式变成绿色
</body>
</html>
<!-- 在这个程序中我们不仅仅应该知道的是鼠标事件，也就是onmousedown
和onmouseup这两个事件，而且他们发生的时候会调用函数
我们还应该知道是怎样来改变字体的颜色，在这个程序中我们改变字体的颜色是doucment根据id获取元素，并且定义样式然后是颜色，
在HTML中我们可以看到设置的过程中分好多的等级。元素分为样式，还有value，样式有颜色这样的等级的划分 -->