首页 > 其他分享 >JS常见的事件

JS常见的事件

时间:2023-07-03 15:33:19浏览次数:41  
标签:触发 元素 鼠标 常见 JS 事件 onmouseup 按键

onblur 元素失去焦点时触发

onblur 事件会在对象失去焦点时发生。

Onblur 经常用于Javascript验证代码,一般用于表单输入框。

提示:onblur 相反事件为 onfocus事件 。

onchange 该事件在表单元素的内容改变时触发( <input>, <keygen>, <select>, 和 <textarea>)

onchange 事件会在域的内容改变时发生。

onchange 事件也可用于单选框与复选框改变后触发的事件。

onclick 当用户点击某个对象时调用的事件句柄。 onclick 事件会在元素被点击时发生。
ondbclick 当用户双击某个对象时调用的事件句柄。 ondblclick 事件会在对象被双击时发生。
onfocus 元素获取焦点时触发

onfocus 事件在对象获得焦点时发生。

Onfocus 通常用于 <input>, <select>, 和<a>. 提示: onfocus 事件的相反事件为 onblur 事件。

onkeyup 某个键盘按键被松开。

onkeyup 事件会在键盘按键被松开时发生。

提示:与onkeyup 事件相关的事件发生次序: 1.onkeydown 2.onkeypress 3.onkeyup

onkeydown 某个键盘按键被按下。 onkeydown 事件会在用户按下一个键盘按键时发生。
onmousedown 鼠标按钮被按下。

onmouseup 事件会在鼠标按键被松开时发生。

提示: 与 onm ouseup 事件相关联的事件触发次序 (左边/中间 鼠标按钮):

1.onmousedown 2.onmouseup 3.onclick

与 onm ouseup 事件相关联的事件触发次序 (右边鼠标按钮):

1.onmousedown

2.onmouseup

3.oncontextmenu

onmouseenter 当鼠标指针移动到元素上时触发。

onmouseenter 事件在鼠标指针移动到元素上时触发。

提示: 该事件通常与 onm ouseleave 事件一同使用, 在鼠标指针移出元素上时触发。

提示: onm ouseenter 事件类似于 onm ouseover事件。 唯一的区别是 onm ouseenter 事件不支持冒泡 。

onmouseleave 当鼠标指针移出元素时触发

onmouseleave 事件在鼠标移出元素时触发。

提示: 该事件通常与 onmouseenter事件一起使用, 该事件在鼠标移动到元素上时触发。

提示: onm ouseleave 事件类似于 onm ouseout事件。 唯一的区别是 onm ouseleave 事件不支持冒泡

onmouseout 鼠标从某元素移开。 onmouseout 事件会在鼠标指针移出指定的对象时发生。
onmouseup 鼠标按键被松开。

onmouseup 事件会在鼠标按键被松开时发生。

提示: 与 onm ouseup 事件相关联的事件触发次序 (左边/中间 鼠标按钮):

1.onmousedown

2.onmouseup

3.onclick

与 onm ouseup 事件相关联的事件触发次序 (右边鼠标按钮):

1.onmousedown

2.onmouseup

3.oncontextmenu

标签:触发,元素,鼠标,常见,JS,事件,onmouseup,按键
From: https://www.cnblogs.com/dlx609/p/17523013.html

相关文章

  • jsjiami.v6加密混淆逆向分析介绍
    在互联网的不断发展的今天,网站的安全性越来越受到重视。JS混淆加密技术是一种常用的保护网站安全的手段。jsjiami.v6是一款常用的JS混淆加密工具,下面我们来详细了解一下。首先,我们来看一下一个使用jsjiami.v6进行混淆加密的案例代码:eval(function(p,a,c,k,e,r){e=function(c){re......
  • Jmeter之二_JSR223取样器,断言等添加失败的解决办法
    Jmeter之二_JSR223取样器,断言等添加失败的解决办法背景最近在学习jmeter但是发现在进行JSR223的相关取样器以及断言处理时出现了错误:java.lang.NoClassDefFoundError:Couldnotinitializeclassorg.apache.jmeter.assertions.JSR223AssertionBeanInfo错误信息如下图......
  • nodejs——linux安装环境
    yum安装nodejsv18.16.1model:unknown,wordcount:7,tokenestimate:14   在yum仓库中,可能没有提供Node.js18.16.1的特定版本。通常,yum仓库中提供的是最新稳定版本的软件包。如果您需要安装特定版本的Node.js,可以考虑使用Node版本管理工具(例如nvm......
  • 细节决定成败,聊聊JS的类型(上)
    今天我们来讲讲JavaScript的内容,在这个部分,我首先想跟你聊一聊类型。JavaScript类型对每个前端程序员来说,几乎都是最为熟悉的概念了。但是你真的很了解它们吗?我们不妨来看看下面的几个问题。为什么有的编程规范要求用void0代替undefined?字符串有最大长度吗?0.1+0.2......
  • JavaScript 事件的绑定
    <!DOCTYPEhtml><html> <head> <metacharset="UTF-8"> <title></title> <scripttype="text/javascript"> window.onload=function(){ /* *点击按钮以后弹出一个内容 */ //获取按钮......
  • JavaScript 事件的传播
    <!DOCTYPEhtml><html> <head> <metacharset="UTF-8"> <title></title> <styletype="text/css"> #box1{ width:300px; height:300px; background-color:yellowgreen; } ......
  • 【JAVA基础】JSON转换
    JSON转换json字符串与dto转换publicJsonDataJtMdmResultDataDTOreceiveinfoMQ(StringreqContent){JtMdmMaterialReqDTOjtMdmMaterialReqDTO=newJtMdmMaterialReqDTO();List<JsonDataJtMdmResultDataInfosDTO>jsonDataJtMdmResultDataInfoDTOList......
  • JavaScript 事件的委派
    <!DOCTYPEhtml><html> <head> <metacharset="utf-8"/> <title></title> <scripttype="text/javascript"> window.onload=function(){ varu1=document.getElementById("......
  • 【PHP语言】医院安全(不良)事件报告系统
    技术架构:前后端分离,仓储模式,开发语言:PHP开发工具:vscode前端框架:vue2+element后端框架:laravel8数据库:mysql5.7系统概述:医院安全(不良)事件报告系统是一种用于医院管理和监管的工具,旨在帮助医疗机构识别、跟踪、分析和解决各种医疗安全事件,提高医疗质量和患者安全。医院安全(......
  • WPF处理未捕获异常和程序退出事件
    Application和AppDomain都有Exit事件,程序正常退出,会依次调用Application的Exit事件和Appdomain的Exit事件。如果是因为未捕获的异常导致程序退出,则不会调用任何Exit事件。Appdomain的Exit事件不要再出现UI元素,如弹窗之类的,会导致异常。AppDomain.UnhandledException会捕获所有T......