鼠标移动监听:
<script>
var cont = 0;
function f() {
document.getElementById("an1").innerHTML = ++cont;
}
</script>
<p>移动次数:<span id="an1">0</span></p>
<div style="width: 100px; height: 100px; background-color: aqua;" onmousemove="f()"></div>
鼠标在指定区域div中每移动一次就会更改数值。
innerHTML:可以更改值
页面加载监听:
<script>
window.onload=function(){
//加载完毕执行代码
window.open("https://www.baidu.com");
}
</script>
下拉框选着监听:
<script>
function f(obj) {
var url = obj.value;
if (url != "请选择") {
window.open(url);
}
}
</script>
<select onchange="f(this)">
<option value="请选择">请选择</option>
<option value="http://www.baidu.com">百度</option>
</select>
window.open(url):打开地址,要加http协议哦:http://
按钮提交监听:
<script>
function f(obj) {
var url = document.getElementById("name").value;
if (url.trim().length > 0) {
return true;
} else {
alert("请输入名字");
return false;
}
}
</script>
<form action="http://www.baidu.com" onsubmit="return f(this)">
<input type="text" id="name" />
<input type="submit" value="提交" />
</form>
将点击事件设置为f()函数返回的值,在函数中判断是否符合规定