javascript_DOM

2021/9/27 22:10:46

本文主要是介绍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;



这篇关于javascript_DOM的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程