博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JavaScript-事件
阅读量:5942 次
发布时间:2019-06-19

本文共 816 字,大约阅读时间需要 2 分钟。

事件:触发特定条件,完成某一项功能

学习目的:在指定条件下,完成特定的功能

     条件满足的情况下,系统会自动(回调)执行某项方法

 

一、事件的两种绑定方法:

1、on绑定方式   这种方式只能绑定一个方法,如果绑定了两个,那么第二个会覆盖掉第一个   取消该事件的方式 onclick = '';2、非on绑定方式   这种绑定方式可以绑定多个方法。   //设置绑定事件的方法   var func = function () {}   div.addEventListeners('click',func)   //取消绑定事件的方法   div.removeEventlistener('click',func)

二、冒泡:父子级拥有同一事件时,子级触发事件,那么它的父级也会触发该事件

  默认事件:一些事件存在默认的系统操作,比如鼠标右键会弹出菜单栏,通过返回值false,取消默认。

三、鼠标事件

onclick    鼠标点击ondbclick  鼠标双击onmousedown 鼠标按下onmouseup   鼠标抬起onmousemove 鼠标移动onmouseover 鼠标悬浮onmouseout  鼠标移开oncontextmenu   鼠标右键ev.clientX  x轴ev.clientY  y轴

四、键盘事件

onkeydown:键盘按下onkeyup:键盘抬起ev.keyCode:每个键对应的数字

五、表单事件

onfocus:获取焦点onblur:失去焦点onselect:文本被选中oninput:值改变onchange:值改变,失去焦点后触发onsubmit:表单默认提交事件

六、文档、页面事件

onload:页面加载成功onscroll 页面滚动onresize:页面尺寸调整

 

转载于:https://www.cnblogs.com/zhuchunyu/p/9830602.html

你可能感兴趣的文章
请求一个action,将图片的二进制字节字符串在视图页面以图片形式输出
查看>>
android 颜色值参考,(有颜色图
查看>>
在IIS(64位)上部署WCF服务访问Oracle数据库
查看>>
UltraISO软碟通U盘安装Centos7 的各种报错及解决方案
查看>>
C# 判断两张图片是否一致,极快速
查看>>
个人在 laravel 开发中使用到的一些技巧(持续更新)
查看>>
Go开发之路 -- 指针类型
查看>>
java 打包的两种方式
查看>>
LINQ to Entities 不识别方法“System.String ToString()”,因此该方法无法转换为存储表达式。...
查看>>
java ADT生成带签名的apk
查看>>
Opencv笔记(九)——图像阈值
查看>>
Android Touch事件原理加实例分析
查看>>
对网页是否为当前展示标签页、是否最小化、以及是否后台运行进行监听
查看>>
听君一席话,胜读十年书
查看>>
2.pandas数据清洗
查看>>
base64转码java版
查看>>
人工智能AI-机器视觉CV-数据挖掘DM-机器学习ML-神经网络-[资料集合贴]
查看>>
秋季4类疾病患者忌吃螃蟹
查看>>
POJ 1328 Radar lnstallation 2
查看>>
jquery鼠标悬停突出显示
查看>>