<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
/*
常用的事件:
鼠标点击相关:
onclick 在用户用鼠标左键单击对象时触发
ondblclick 在用户双击对象时触发
onmousedown 在用户用任何鼠标按钮单击时触发
onmouseup 当用户在鼠标位于对象之上时释放鼠标按钮时触发
鼠标移动相关:
onmouseout 当用户将鼠标指针移出对象边界时触发
onmousemove 当用户将鼠标划过对象时触发
焦点相关:
onblur 在对象失去输入焦点时触发
onfocus 当对象获得焦点时触发
其他:
onchanges 当对象或者选中区的内容改变时触发
onload 当浏览器完成对象的装载后立即触发。
onsubmit 当表单将要被提交时触发。
*/
function clicktest(){
alert("单击...");
}
function dblclicktest(){
alert("双击...");
}
function showTime(){
var timespan=document.getElementById("timespan");
var date=new Date().toLocaleString();
timespan.innerHTML= date.fontcolor("red");
}
function hideTime(){
var timespan=document.getElementById("timespan");
timespan.innerHTML="";
}
function showInfo(){
var userSpan=document.getElementById("userName");
userSpan.innerHTML="请输入6-12个字符,可以是字母,数字或者下划线。".fontcolor("red");
}
function hideInfo(){
var userSpan=document.getElementById("userName");
userSpan.innerHTML="";
}
function change(){
alert("城市改变了...");
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js常用的事件</title>
</head>
<body>
<input type="button" οnclick="clicktest()" οndblclick="dblclicktest()" value="单击" />
<input type="button" οndblclick="dblclicktest()" value="双击"/>
<a href="#" id="time" οnmοusemοve="showTime()" οnmοuseοut="hideTime()">当前系统时间</a>
<span id="timespan"></span>
用户名:<input type="text" οnfοcus="showInfo()" οnblur="hideInfo()"/>
<span id="userName"></span>
工作地点:<select οnchange="change()">
<option>广州</option>
<option>深圳</option>
<option>上海-</option>
</select>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
/*
常用的事件:
鼠标点击相关:
onclick 在用户用鼠标左键单击对象时触发
ondblclick 在用户双击对象时触发
onmousedown 在用户用任何鼠标按钮单击时触发
onmouseup 当用户在鼠标位于对象之上时释放鼠标按钮时触发
鼠标移动相关:
onmouseout 当用户将鼠标指针移出对象边界时触发
onmousemove 当用户将鼠标划过对象时触发
焦点相关:
onblur 在对象失去输入焦点时触发
onfocus 当对象获得焦点时触发
其他:
onchanges 当对象或者选中区的内容改变时触发
onload 当浏览器完成对象的装载后立即触发。
onsubmit 当表单将要被提交时触发。
*/
function clicktest(){
alert("单击...");
}
function dblclicktest(){
alert("双击...");
}
function showTime(){
var timespan=document.getElementById("timespan");
var date=new Date().toLocaleString();
timespan.innerHTML= date.fontcolor("red");
}
function hideTime(){
var timespan=document.getElementById("timespan");
timespan.innerHTML="";
}
function showInfo(){
var userSpan=document.getElementById("userName");
userSpan.innerHTML="请输入6-12个字符,可以是字母,数字或者下划线。".fontcolor("red");
}
function hideInfo(){
var userSpan=document.getElementById("userName");
userSpan.innerHTML="";
}
function change(){
alert("城市改变了...");
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js常用的事件</title>
</head>
<body>
<input type="button" οnclick="clicktest()" οndblclick="dblclicktest()" value="单击" />
<input type="button" οndblclick="dblclicktest()" value="双击"/>
<a href="#" id="time" οnmοusemοve="showTime()" οnmοuseοut="hideTime()">当前系统时间</a>
<span id="timespan"></span>
用户名:<input type="text" οnfοcus="showInfo()" οnblur="hideInfo()"/>
<span id="userName"></span>
工作地点:<select οnchange="change()">
<option>广州</option>
<option>深圳</option>
<option>上海-</option>
</select>
</body>
</html>