首页 > 编程语言 >E007Web学习笔记-JavaScript(五):JS事件

E007Web学习笔记-JavaScript(五):JS事件

时间:2023-02-22 15:32:06浏览次数:41  
标签:鼠标 JavaScript JS 键盘 点击 事件 监听器 按键 E007Web

一、概述

1、事件概念

某些组件被执行了某些操作后,触发某些代码的执行;

事件:某些操作,如点击,双击,鼠标移动,键盘按下……;

 

2、事件源

组件,如按钮、文本输入框等;

 

3、监听器

代码;

 

4、注册监听

将事件源与监听器绑定,当事件源上发生了某个事件,则出发执行某个监听器代码;

 

二、常见的事件

1、点击事件

onclick:点击事件
ondblclick:双击事件;

 

2、焦点事件

onblur:失去焦点;
onfocus:获得焦点;

 

3、加载事件

onload:页面或者图片加载完成;

 

4、鼠标事件

onmousemove:鼠标被移动;
onmouseover:鼠标移到某元素之上;
onmouseout:鼠标从某元素移开;
onmouseup:鼠标按键被松开;

 

5、键盘事件

onkeydown:某个键盘按键被按下;
onkeypress:某个键盘按键被按下并松开;
onkeyup:某个键盘按键被松开;

 

6、选中和改变

onchange:域的内容被改变;
onselect:文本被选中;

 

7、表单事件

onsubmit:确认按钮被点击;
-- 可以阻止表单提交,方法返回false则表单被阻止
onreset:重置按钮被点击;

 

 

 

 

标签:鼠标,JavaScript,JS,键盘,点击,事件,监听器,按键,E007Web
From: https://blog.51cto.com/u_13272819/6079072

相关文章

  • E004Web学习笔记-JavaScript(二):JS对象
    一、Function1、概述是一个函数对象; 2、Function:函数(方法)对象①创建//1、方法1(不建议使用)varfun=newFunction(形参列表,方法体);示......
  • Javascript基础入门
    Javascript基础入门​ JavaScript,是一门能够运行在浏览器上的脚本语言.简称JS.首先,Javascript这个名字的由来就很有意思,不少人认为Javascript和Java貌似很像.容......
  • sqlserver、mysql、sqlite json类型数据查询及索引优化
     sqlserver:#querySELECTSalesOrderNumber,OrderDate,JSON_VALUE(Info,'$.Customer.Name')ASCustomerNameFROMSales.SalesOrderHeaderWHEREJSON_VA......
  • golang 解析json数据
       packagemainimport(jsoniter"github.com/json-iterator/go")funcString2Bytes(datastring)[]byte{return[]byte(data)}funcmain(){......
  • 前端JS for-in和for-of的区别
    forin遍历对象,返回的是对象的key; 遍历数组/字符串,返回的是数组的下标forof只能遍历的是数组遍历数组对象,返回单个对象;遍历数组元素/字符串,返回单个元素举例......
  • js继承
    什么是继承?继承建立在面向对象基础上的一种代码复用方式,子类通过继承来复用父类的代码1.原型链继承过程:访问对象时,如果对象私有属性中没有该属性,会去对象的构造函数的pr......
  • js事件循环机制
    宏任务:script、setTimeout、setInterval、setImmdiate、I/O、UIrendering微任务:promise、Object.observe、MutationObserver任务的优先级:process.nextTick>promise.th......
  • 深入解析 JavaScript 中 ES6 的 Generator 生成器
    前言大家好,我是CoderBin,本次将深入解析JavaScript中ES6的Generator生成器,希望对大家有所帮助,谢谢。如果文中有不对、疑惑的地方,欢迎在评论区留言指正......
  • js - 时间计算(相差月份)
     //不考虑日期,只考虑年和月functionIsGreaterThanM(start,end,m){conststartYear=start.getFullYear();constendYear......
  • js原型链污染详解
    前言之前打某湖论剑,两道js的题,给我整懵逼了,发现以前都没对js做过多少研究,趁着被毒打了,先研究一波js原型链,未雨绸缪。基础protype首先我们研究js原型链,得搞明白原型是什......