开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

当用户按enter且元素失去焦点时激发的事件

是"onblur"事件。

"onblur"事件是一种在HTML元素失去焦点时触发的事件。当用户在一个表单元素（如文本框或下拉列表）中输入完内容后，按下enter键并将焦点从该元素移开时，就会触发这个事件。

这个事件通常用于验证用户输入或执行某些操作。例如，可以通过JavaScript代码来验证用户在文本框中输入的内容是否符合要求，或者在用户输入完毕后自动提交表单。

腾讯云提供了丰富的云计算产品和服务，其中与前端开发和用户交互相关的产品包括：

腾讯云CDN（内容分发网络）：提供全球加速、缓存加速、智能调度等功能，用于加速网站内容分发，提升用户访问体验。了解更多：https://cloud.tencent.com/product/cdn
腾讯云API网关：用于构建和管理API接口，提供安全认证、流量控制、日志监控等功能，方便开发者构建灵活可靠的API服务。了解更多：https://cloud.tencent.com/product/apigateway
腾讯云Web应用防火墙（WAF）：提供全面的Web应用安全防护，包括防护策略、漏洞扫描、恶意请求拦截等功能，保护网站免受各类网络攻击。了解更多：https://cloud.tencent.com/product/waf

请注意，以上仅是腾讯云提供的部分相关产品，更多产品和服务可在腾讯云官网进行了解和选择。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

浅谈JavaScript的事件（事件类型）

DOM3级的事件类型主要包括：UI事件，用户与页面上的元素交互时触发；焦点事件，元素获得或失去焦点触发；鼠标事件，用户通过鼠标在页面上执行操作时触发；滚轮事件，使用鼠标滚轮时触发；文本事件，当在文档中输入文本时触发...，当用户选择文本框的内容时触发；resize事件，当浏览器窗口大小改变时触发；scroll事件，当用户滚动带滚动条的元素时触发。...有6个焦点事件：blur事件，元素失去焦点时触发事件，不会冒泡；focus事件，元素获得焦点时触发，不会冒泡；focusin事件，元素获得焦点时触发，会冒泡；focusout事件，元素失去焦点时触发，会冒泡...当用户在页面上由一个元素移动到另一个元素事件触发的顺序为：focusout事件，在失去焦点的元素上触发；focusin事件，在获得焦点的元素上触发；blur事件，在失去焦点的元素上触发；focus事件，...DOM3级中定义了9个鼠标事件：click事件，用户单击鼠标左键触发的事件或者按下enter键触发；dbclick事件，用户双击鼠标左键的时候触发；mousedown事件，用户按下鼠标按钮时触发；mouseenter

1.8K5 0

Angular 2 用户输入

用户点击链接、按下按钮或者输入文字时，这些用户的交互行为都会触发 DOM 事件。本章中，我们将学习如何使用 Angular 事件绑定语法来绑定这些事件。...( 通过 key.enter) 我们可以只在用户按下回车 (enter) 键的时候才获取输入框的值。...Angular 可以为我们过滤键盘事件，通过绑定到 Angular 的 keyup.enter 伪事件监听回车键的事件。...) 事件接下来我们可以使用blur( 失去焦点 ) 事件，它可以再元素失去焦点后更新 values 属性。...以下实例同时监听输入回车键与输入框失去焦点的事件。

1.7K2 0

【基础】input标签输入框内的输入事件详细分析

1.onblur：元素失去焦点时触发 Onblur 经常用于表单验证，所有主要浏览器都支持 onblur 事件支持该事件的...3.onfocus：元素获取焦点时触发当 input 输入框获取焦点时执行，通常也用于 , , 和，所有主要浏览器都支持 onfocus 事件。...5.onfocusout：元素即将失去焦点时触发 onfocusout 事件在元素即将失去焦点时触发。onfocusout 事件类似于 onblur 事件。主要的区别是 onblur 事件不支持冒泡。...不同之处在于 oninput 事件在元素值发生变化是立即触发， onchange 在元素失去焦点时触发。...onsearch 事件在用户按下"ENTER（回车）" 按键或点击 type="search" 的元素的 "x(搜索)" 按钮时触发。

2.7K19 13

js事件大全

IE4|N4|O 鼠标上的按钮被按下了 onMouseUp IE4|N4|O 鼠标按下后，松开时激发的事件 onMouseOver IE3|N2|O3 当鼠标移动到某对象范围的上方时触发的事件...[注意:页面内必须有被聚焦的对象] onKeyDown IE4|N4|O 当键盘上某个按键被按下时触发的事件[注意:页面内必须有被聚焦的对象] onKeyUp IE4|N4|O 当键盘上某个按键被按放开时触发的事件...onBlur IE3|N2|O3 当前元素失去焦点时触发的事件 [鼠标与键盘的触发均可] onChange IE3|N2|O3 当前元素失去焦点并且元素的内容发生改变而触发的事件 [鼠标与键盘的触发均可...] onFocus IE3|N2|O3 当某个元素获得焦点时触发的事件 onReset IE4|N3|O3 当表单中RESET的属性被激发时触发的事件 onSubmit IE3|N2|O3 一个表单被递交时触发的事件...onLoseCapture IE5|N|O 当元素失去鼠标移动所形成的选择焦点时触发的事件 onPaste IE5|N|O 当内容被粘贴时触发的事件 onSelect IE4|N|O 当文本内容被选择时的事件

3.8K1 0

Javascript事件与功能说明大全

IE4、N3 当鼠标离开某对象范围时触发此事件 onkeypress IE4、N4 当键盘上的某个键被按下并且释放时触发此事件. onkeydown IE4、N4 当键盘上某个按键被按下时触发此事件...onkeyup IE4、N4 当键盘上某个按键被按放开时触发此事件事件浏览器支持说明 onabort IE4、N3 图片在下载时被用户中断 onbeforeunload IE4、N 当前页面的内容将要被改变时触发此事件...事件浏览器支持说明 onblur IE3、N2 当前元素失去焦点时触发此事件 onchange IE3、N2 当前元素失去焦点并且元素的内容发生改变而触发此事件 onfocus IE3 、N2...当某个元素获得焦点时触发此事件 onreset IE4 、N3 当表单中RESET的属性被激发时触发此事件 onsubmit IE3 、N2 一个表单被递交时触发此事件事件浏览器支持说明 onbounce...IE4、N 当某对象将被拖动时触发此事件 ondrop IE5、N 在一个拖动过程中，释放鼠标键时触发此事件 onlosecapture IE5、N 当元素失去鼠标移动所形成的选择焦点时触发此事件 onpaste

5982 0

javascript事件列表解说

onkeydown IE4、N4 当键盘上某个按键被按下时触发此事件 onkeyup IE4、N4 当键盘上某个按键被按放开时触发此事件页面相关事件 onabort IE4、N3 图片在下载时被用户中断...当前元素失去焦点时触发此事件 onchange IE3、N2 当前元素失去焦点并且元素的内容发生改变而触发此事件 onfocus IE3 、N2 当某个元素获得焦点时触发此事件 onreset...IE4 、N3 当表单中RESET的属性被激发时触发此事件 onsubmit IE3 、N2 一个表单被递交时触发此事件滚动字幕事件 onbounce IE4、N 在Marquee内的内容移动至...Marquee显示范围之外时触发此事件 onfinish IE4、N 当Marquee元素完成需要显示的内容后触发此事件 onstart IE4、 N 当Marquee元素开始显示内容时触发此事件...ondragstart IE4、N 当某对象将被拖动时触发此事件 ondrop IE5、N 在一个拖动过程中，释放鼠标键时触发此事件 onlosecapture IE5、N 当元素失去鼠标移动所形成的选择焦点时触发此事件

5994 0

js鼠标事件大全

N4 | O 鼠标上的按钮被按下了 onMouseUp HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N4 | O 鼠标按下后，松开时激发的事件 onMouseOver HTML...| 3.2 | 4 Browser: IE3 | N2 | O3 当前元素失去焦点时触发的事件 [鼠标与键盘的触发均可] onChange HTML: 2 | 3 | 3.2 | 4 Browser:...IE3 | N2 | O3 当前元素失去焦点并且元素的内容发生改变而触发的事件 [鼠标与键盘的触发均可] onFocus HTML: 2 | 3 | 3.2 | 4 Browser: IE3 | N2...| O3 当某个元素获得焦点时触发的事件 onReset HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N3 | O3 当表单中RESET的属性被激发时触发的事件 onSubmit...HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O 当元素失去鼠标移动所形成的选择焦点时触发的事件 onPaste HTML: 2 | 3 | 3.2 | 4 Browser

791 0

JavaScript 事件基础补充

JavaScript事件处理函数及其使用列表事件处理函数影响的元素何时发生 onabort 图像当图像加载被中断时 onblur 窗口、框架、所有表单对象当焦点从对象上移开时 onchange...输入框，选择框和文本区域当改变一个元素的值且失去焦点时 onclick 链接、按钮、表单对象、图像映射区域当用户单击对象时 ondblclick 链接、按钮、表单对象当用户双击对象时 ondragdrop...1.鼠标事件，页面所有元素都可触发 click：当用户单击鼠标按钮或按下回车键时触发。...input.onselect = function () { alert('Lee'); }; change：当文本框(input或textarea)内容改变且失去焦点后触发。...input.onfocus = function () { alert('Lee'); }; blur：当页面或元素失去焦点时在window及相关元素上触发。

3.1K5 0

Javascript函数的简单学习

第十课事件与事件处理 1：事件什么事事件？例如在页面载入完毕时，将触发onload()事件；当用户单击按钮时，将触发按钮的onclick事件等。 ...常用事件： onabort: 对象载入被中断时触发 onblur: 元素或者窗口本身失去焦点时触发 onchange: 改变元素中的选项或其他表单元素失去焦点，并且在其获取焦点后内容发生过改变时触发 onerror: 出现错误时触发 onfocus: 任何元素或窗口本身获得焦点时触发...: 单击鼠标左键时触发，当光标的焦点在按钮上，并按enter键也会触发 ondblclick: 双击鼠标左键时触发 onmousedown: 单击任何一个鼠标按键时触发... onscroll: 在任何滚动条的元素或者窗口上滚动时触发 onsubmit: 单击提交按钮时，在上触发 2：事件处理事件处理程序是用来响应某个事件而执行的处理程序

2K8 0

Java图形用户界面设计AWT事件处理

它允许开发者为图形用户界面组件（如按钮、文本框等）定义事件响应行为，如点击、键盘输入等。通过注册事件监听器并编写事件处理逻辑，AWT能够响应用户与界面元素的交互，实现动态和交互式的应用体验。...事件 AWT把事件分为了两大类：低级事件这类事件是基于某个特定动作的事件。比如进入、点击、拖放等动作的鼠标事件，再比如得到焦点和失去焦点等焦点事件。...WindowEvent 窗口事件，当窗口状态发生改变 ( 如打开、关闭、最大化、最小化)时触发该事件。 FocusEvent 焦点事件，当组件得到焦点或失去焦点时触发该事件。...KeyEvent 键盘事件，当按键被按下、松开、单击时触发该事件。 MouseEvent 鼠标事件，当进行单击、按下、松开、移动鼠标等动作时触发该事件。...事件触发时机 ActionEvent 动作事件，当按钮、菜单项被单击，在 TextField 中按 Enter 键时触发 AjustmentEvent 调节事件，在滑动条上移动滑块以调节数值时触发该事件

1711 0

vue中elementui 回车事件、获取焦点、按键等事件

当想要在一个输入框上实现回车就发送的功能的时候，需要给输入框增加回车事件当想要在输入框实现点击或者当前焦点，失去焦点，调用某些函数，实现某些功能时可以按这样 enter.native...="chatToUser" :placeholder="输入内容"> 回车事件 v-on:keyup.enter.native 获取焦点事件...@focus 失去焦点事件 @blur 按键事件，这个可以实现获取正在输入的内容 @keyup.native

4.2K1 0

oninput onpropertychange「建议收藏」

onchange触发事件必须满足两个条件： a）当前对象属性改变，并且是由键盘或鼠标事件激发的（脚本触发无效） b）当前对象失去焦点(onblur)；也就是说并不是我们在打字的时候就会触发...失效的情况： oninput事件：（1）当脚本中改变value时，不会触发；（2）从浏览器的自动下拉提示中选取时，不会触发； onpropertychange事件：当input设置为disable...onpropertychange 这个事件在用户界面改变或者使用脚本直接修改内容两种情况下都会触发，有以下几种情况：修改了 input:checkbox 或者 input:radio 元素的选择中状态...onchange触发事件必须满足两个条件： a）当前对象属性改变，并且是由键盘或鼠标事件激发的（脚本触发无效） b）当前对象失去焦点(onblur)；也就是说并不是我们在打字的时候就会触发...失效的情况： oninput事件：（1）当脚本中改变value时，不会触发；（2）从浏览器的自动下拉提示中选取时，不会触发； onpropertychange事件：当input设置为disable

5364 0

浏览器事件

窗口相关 onblur: 窗口失去焦点时触发。 onfocus: 窗口获得焦点时触发。 onresize: 窗口大小发生改变时触发。 onscroll: 窗口发生滚动时触发。...onscroll: 当文档被滚动时发生的事件。 onunload: 用户退出页面。...ontoggle: 该事件在用户打开或关闭元素时触发。表单事件相关 onblur: 元素失去焦点时触发。 onchange: 该事件在表单元素的内容改变时触发。...onfocus: 元素获取焦点时触发。 onfocusin: 元素即将获取焦点时触发。 onfocusout: 元素即将失去焦点时触发。 oninput: 元素获取用户输入时触发。...oncanplaythrough: 事件在视频/音频可以正常播放且无需停顿和缓冲时触发。 ondurationchange: 事件在视频/音频的时长发生变化时触发。

2.4K2 0

再谈BOM和DOM(7):HTML DOM Event 对象属性及DOM事件详细列表

下面是一个属性列表，可将之插入 HTML 标签以定义事件的行为。属性此事件发生在何时... onabort 图像的加载被中断。 onblur 元素失去焦点。 onchange 域的内容被改变。...onclick 当用户点击某个对象时调用的事件句柄。 ondblclick 当用户双击某个对象时调用的事件句柄。 onerror 在加载文档或图像时发生错误。 onfocus 元素获得焦点。...screenY 返回当某个事件被触发时，鼠标指针的垂直坐标。 shiftKey 返回当事件被触发时，"SHIFT" 键是否被按下。...(<body 和 <frameset) 2 表单事件属性描述 DOM onblur 元素失去焦点时触发 2 onchange 该事件在表单元素的内容改变时触发( <input, <keygen,...<select, 和 <textarea) 2 onfocus 元素获取焦点时触发 2 onfocusin 元素即将获取焦点时触发 2 onfocusout 元素即将失去焦点时触发 2 oninput

2.2K4 0

JavaScript的事件

与特定事件相关且包含有关该事件详细信息的对象。...UI事件 load 当页面完全加载后再window上触发，当所有框架加载完毕时在框架集上触发，当图像加载完毕时在img元素上触发，当嵌入的内容加载完时在触发 unload...>）中的一个或多个字符时 resize 当浏览器窗口被调整到一个新的高度或者宽度时，会触发 scroll 当用户滚动带滚动条的元素中的内容时，在该元素上触发resize,scroll会在变化期间重复被激发...焦点事件 blur 元素失去焦点的时候触发 focus 元素获得焦点的时候触发，不支持冒泡 //IE支持 focusin 与focus等价，支持冒泡 focusout 与blur等价，支持冒泡 3...键盘与文本事件 keydown 按下键盘任意键时触发，如果按住不放会重复触发此事件 keypress 按下键盘字符键时触发，如果按住不放会重复触发此事件 keyup 释放键盘上键时触发当键盘事件发生时

1.5K3 0

统计字数oninput？keyup？onchange？

一、onchange事件当元素的值发生改变时，会触发change事件。该事件仅适用于, 和元素。...当用于元素时，change 事件会在选择某个选项时发生。当用于或时，该事件会在元素失去焦点时发生。...因为只有失去焦点时，才能触发该事件！...二、keypress、keydown、keyup事件用户按下键盘上的字符键（释放键盘上的键）时触发，任何可以获得焦点的元素都可以触发keypress事件，且按下任何能够影响文本显示的键时就会触发（例如回车键...$('textarea').bind('input propertychange', function() {} 四、textInput事件只有可编辑区域才有该事件，用户按下能够输入实际字符的键时才会被触发

2.7K3 1

JavaScript 学习-29.HTML DOM 事件

常用的一些事件事件名称作用 onload 通常用于元素，在页面完全载入后(包括图片、css文件等等。)执行脚本代码。 onunload 用户退出页面。...( 和 ) onclick 当用户点击某个对象时调用的事件句柄。 onmouseover 鼠标移到某元素之上。 onmouseout 鼠标从某元素移开。...ondblclick 当用户双击某个对象时调用的事件句柄。 onkeydown 某个键盘按键被按下。 onkeypress 某个键盘按键被按下并松开。 onkeyup 某个键盘按键被松开。...onfocus 元素获取焦点时触发 onblur 元素失去焦点时触发 onchange 该事件在表单元素的内容改变时触发, , , 和 ...onblur 当元素失去焦点的时候触发使用示例 onfocus 获取焦点和 onblur 失去焦点

1K1 0

02-老马jQuery教程-jQuery事件处理

1.3 其他常用绑定简单事件的方法方法名实例说明 blur([[data],fn]) $("p").blur(); 当元素失去焦点时触发 blur 事件，这个函数会调用执行绑定到blur事件的所有函数...blur事件会在元素失去焦点的时候触发，既可以是鼠标行为，也可以是按tab键离开的 focus([[data],fn]) $("p").focus(); 当元素获得焦点时，触发 focus 事件。...focusout([data],fn) $("p").focusout(); 当元素失去焦点时触发 focusout 事件。...focusout事件跟blur事件区别在于，他可以在父元素上检测子元素失去焦点的情况 change([[data],fn]) $('p').change(); 当元素的值发生改变时，会发生 change...当按钮被按下时，会发生该事件。它发生在当前获得焦点的元素上。不过，与 keydown 事件不同，每插入一个字符，就会发生 keypress 事件。

2.7K8 0

HTML属性及事件

在文档加载之前运行脚本 onblur 当窗口失去焦点时运行脚本 onerror 当错误发生时运行脚本 onfocus 当窗口获得焦点时运行脚本 onhaschange 当文档改变时运行脚本 onload...Web Storage 区域更新时（存储空间中的数据发生变化时）运行脚本 onundo 当文档执行撤销时运行脚本 onunload 当用户离开文档时运行脚本表单事件属性描述 onblur 当元素失去焦点时运行脚本...onselect 当选取元素时运行脚本 onsubmit 当提交表单时运行脚本键盘事件属性值 onkeydown 当按下按键时行脚本 onkeypress 当按下并松开按键时运行脚本 onkeyup...当媒介数据的播放速率改变时运行脚本 onreadystatechange 当就绪状态（ready-state）改变时运行脚本 onseeked 当媒介元素的定位属性 [1] 不再为真且定位已结束时运行脚本...其他事件属性值 onshow 当元素在上下文显示时触发 ontoggle 当用户打开或关闭元素时触发

2.8K2 0

Web前端事件

[image.jpg] 事件捕获阶段为事件的触发奠定了基础，当DOM事件发生的时候，首先由最不具体的window结点向下捕获那个具象元素（触发事件的元素），事件捕获之后就开始执行绑定在上面的函数；当函数执行完毕...属性描述 onkeydown 在用户按下按键时触发。 onkeypress 在用户敲击按钮时触发。 onkeyup 当用户释放按键时触发。...Form 事件下面是Form事件的常见类型：属性描述 onblur 元素失去焦点时运行的脚本。 onchange 在元素值被改变时运行的脚本。 onfocus 当元素获得焦点时运行的脚本。...onreset 当表单中的重置按钮被点击时触发。HTML5 中不支持。 onselect 在元素中文本被选中后触发。 onsubmit 在提交表单时触发。...onforminput 当表单获得用户输入时运行的脚本。 oninput 当元素获得用户输入时运行的脚本。 oninvalid 当元素无效时运行的脚本。

3.3K0 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭