免費(fèi)AI編程助手
HTML事件屬性onclick
2018-01-05 13:58 更新
HTML事件屬性onclick
觸發(fā) onclick 屬性事件當(dāng)單擊元素上的鼠標(biāo)按鈕時(shí)。
HTML5中的新功能
沒(méi)有。
句法
<element onclick="script or Javascript function name">
支持的標(biāo)簽
所有HTML元素，EXCEPT：
<base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, <title>
瀏覽器兼容性
|
|
|
|
|
|
|---|---|---|---|---|---|
onclick |
Yes | Yes | Yes | Yes | Yes |
例子
<!DOCTYPE html>
<html>
<body>
<button onclick="myFunction()">Click me</button>
<script>
function myFunction() {
console.log("clicked");
}
</script>
</body>
</html>實(shí)施例2
下面的代碼顯示了如何處理鼠標(biāo)點(diǎn)擊事件。
<html>
<head>
<script language="JavaScript">
function addunderline() {
head1.style.textDecoration = "underline"
}
function removeunderline() {
head1.style.textDecoration = "none"
}
function addoverline() {
head1.style.textDecoration = "overline"
}
function addlinethrough() {
head1.style.textDecoration = "line-through"
}
</script>
</head>
<body>
<h1 id="head1"
onMouseover="addunderline()"
onMouseout="removeunderline()"
onClick="addoverline()"
ondblclick="addlinethrough()">Welcome to this page!</h1>
<P>A lot of interesting text goes here!</p>
</body>
</html>以上內(nèi)容是否對(duì)您有幫助：
更多建議：