événements du didacticiel de base Javascript
Jetons un coup d'?il aux événements courants suivants
événement de changement onchange
Instance, code Comme suit, lorsque des lettres minuscules sont saisies dans la zone de texte, la souris quitte la zone de texte et se transforme en lettres majuscules
<!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="點(diǎn)擊" onclick="cl()">
</body>
</html>événements onmouseover et onmouseout
Instance, faisons un exemple, mettons le passez la souris dessus, il appara?tra, bienvenue Lorsque la souris quitte le site php chinois, le texte devient le site php chinois
<!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>événement clavier onkeydown
Faisons maintenant un exemple Dans la zone de texte, nous appuyons sur le clavier et une fenêtre d'invite appara?t
<!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>onload événement de chargement
écrivons un exemple ci-dessous?:
<!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>
