1.方法监听注册事情(addEventListener)同一个事件,同一个元素可以添加多个侦听器(事件处理程序)
bts.addEventListener('click',function(){
alert('你好吗');
})
2.删除事件(removeEventListener)
div.addEventListener('click',fn)
function fun(){
alert(22);
div.removeEventListener('click',fn);
}
3.事件对象function(event);
4.e.target; //指向点击的那个对象,谁点击我,我就返回点击我的那个元素
5.e.type;//返回事件类型;
6.e.preventDefault();//阻止事件跳转,让链接不跳转或让提交按钮不提交,
7.e.stopPropagation();//阻止事件冒泡;
8.document.addEventListener('contextmenu',function(e){
e.preventDefault();
})//禁用右键菜单contextmenu;
9.document.addEventListener('selectstart',function(e){
e.preventDefault();
})//禁止选中文字selectstart;
10.e.clientX;//鼠标在可视区的X坐标
11.e.clientY;//鼠标在可视区的Y坐标
12.e.pageX;//鼠标在页面文档的X坐标;(重点)
13.e.pageY;//鼠标在页面文档的Y坐标;(重点)
14.e.screenX;//鼠标在电脑屏幕的X坐标;
15.e.screenY;// 鼠标在电脑屏幕的Y坐标;
16.mousemove;//鼠标移动事件,当鼠标移动时就会触发这个事件;
键盘事件
1.onkeyup;//某个键盘按键被松开时触发;
2.onkeydown;//某个键盘被按下时触发,能识别功能键比如 ctrl shift 箭头等;
3.onkeypress;//某个键盘被按下时触发,但是它不识别功能键比如 ctrl shift 箭头等;
4.keyCode;//键盘事件中可以得到相应键的ASCII码值;但keyup和keydown事件不区分大小写a和A得到的都是65,keypress事件区分大小写a 97 和 A得到的是65;