É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中文网");
}
</script>
</head>
<body>
<input type="button" value="点击" 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中文网"; //鼠标放上去时
}
function out(obj){
obj.innerHTML = "php中文网"; // 鼠标离开后
}
</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("您已触发键盘事件");
}
</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 中文网
</body>
</html><!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>
