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的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-06-26结对编程到底难不难?答案在这里
- 2024-06-19《2023版Java工程师》课程升级公告
- 2024-06-15matplotlib作图不显示3D图,怎么办?
- 2024-06-1503-Loki 日志监控
- 2024-06-1504-让LLM理解知识 -Prompt
- 2024-06-05做软件测试需要懂代码吗?
- 2024-06-0514-ShardingSphere的分布式主键实现
- 2024-06-03为什么以及如何要进行架构设计权衡?
- 2024-05-31全网首发第二弹!软考2024年5月《软件设计师》真题+解析+答案!(11-20题)
- 2024-05-31全网首发!软考2024年5月《软件设计师》真题+解析+答案!(21-30题)