javascript_DOM

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；

5.aa.focus（）;//让搜索框获得焦点；

6.aa.addEventListener('blur',function(){

     con.style.display = 'none';

})；//blur  失去焦点