js 监听事件 addEventListener

定义和用法

addEventListener() 方法用于向指定元素添加事件句柄。

提示： 使用 removeEventListener() 方法来移除 addEventListener() 方法添加的事件句柄。

语法

element.addEventListener(event, function, useCapture)

event	指定是字符串，指定事件名 注意：不能使用“on”前缀。例如，‘onclick’不可用，是使用‘click’
function	指定事件触发时执行的函数
useCapture)	布尔值，指定事件是否在捕获（true）或（默认）冒泡（false）阶段执行

<!-- 监听事件 -->
	<button id="01">ddss</button>
	<script>
	    // pushHistory();
	    /* window */ document.getElementById('01').addEventListener("click", function (e) {
	       window.location.href = 'http://www.baidu.com/'
	    }, false);
	    // 配合事件popstate(后退)
	    // function pushHistory() {
	    //     var state = {
	    //         title: "title",
	    //         url: "#"
	    //     };
	    //     window.history.pushState(state, "title", "#");
	    // }
	</script>

上面例子是，监听到点击(onclick)鼠标事件，点击按钮后跳转。回调回数可自定义功能。不够了解的话可点击这里。这位博主整理了些事件名，希望对你有帮助。