js鼠标点击事件监听

鼠标移动监听：

	    <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()函数返回的值，在函数中判断是否符合规定