Acara tutorial asas Javascript
Mari kita lihat peristiwa biasa berikut
acara perubahan perubahan
Contohnya, kod Seperti berikut, apabila huruf kecil dimasukkan ke dalam kotak teks, tetikus meninggalkan kotak teks dan bertukar kepada huruf besar
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>事件</title>
<script type="text/javascript">
function cha(){
var x=document.getElementById("name");
x.value=x.value.toUpperCase();
}
</script>
</head>
<body>
請輸入：<input type="text" id="name" onchange="cha()">
</body>
</html>onclick click event
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>事件</title>
<script type="text/javascript">
function cl(){
alert("php中文網(wǎng)");
}
</script>
</head>
<body>
<input type="button" value="點擊" onclick="cl()">
</body>
</html>onmouseover dan onmouseout acara
Contohnya, mari kita buat contoh, letakkan tetikus di atasnya, ia akan muncul, selamat datang Apabila tetikus meninggalkan laman web php Cina, teks menjadi laman web php Cina
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>事件</title>
<style type="text/css">
#dv{
width:200px;height:200px;border:1px solid #f60;background-color: red;
text-align: center;line-height:200px;
}
</style>
</head>
<body>
<div id="dv" onmouseover="over(this)" onmouseout="out(this)"></div>
<script type="text/javascript">
function over(obj){
obj.innerHTML = "歡迎來到php中文網(wǎng)"; //鼠標(biāo)放上去時
}
function out(obj){
obj.innerHTML = "php中文網(wǎng)"; // 鼠標(biāo)離開后
}
</script>
</body>
</html>acara papan kekunci onkeydown
Sekarang mari kita buat contoh Dalam kotak teks, kita tekan papan kekunci dan tetingkap gesaan muncul
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>事件</title>
<script type="text/javascript">
function onkey(){
alert("您已觸發(fā)鍵盤事件");
}
</script>
</head>
<body>
鍵盤事件：<input type="text" onkeydown="onkey()">
</body>
</html>memuat memuatkan acara
Mari tulis contoh di bawah:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>事件</title>
<script type="text/javascript">
function checkCookies(){
if (navigator.cookieEnabled==true){
alert("Cookies 可用")
}else{
alert("Cookies 不可用")
}
}
</script>
</head>
<body onload="checkCookies()">
php 中文網(wǎng)
</body>
</html>
