JS事件绑定

var demo = document.getElementById('demo')
demo.addEventListener('click', function (event) {
	 // event.preventDefault() 		// 阻止默认行为
	 // event.stopPropagation() 		// 阻止冒泡
	 // event.stopImmediatePropagation()		// 阻止该事件目标执行别的注册事件
	 console.log('clicked')
})

// 通用的事件绑定函数
function bindEvent(elem, type, selector, fn) {
	 if (fn == null) {
		 fn = selector
		 selector = null
	 }
	 // 绑定事件
	 elem.addEventListener(type, function (e) {
		 var target
		 if (selector) {
		 
			 // 有 selector 说明需要做事件代理
			 // 获取触发时间的元素，即 e.target
			 
			 target = e.target
			 
			 // 看是否符合 selector 这个条件
			 
			 if (target.matches(selector)) {
				 fn.call(target, e)
			 }
		 } else {
				 fn(e)
		 }
	 })
}