HTML DOM事件

最新推荐文章于 2022-09-19 17:51:44 发布
最新推荐文章于 2022-09-19 17:51:44 发布
阅读量77 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44565536/article/details/117687632
版权

这次写的是HTML DOM事件中的表单事件和打印事件。

表单事件
Onblur：元素失去焦点时触发
Onchange：该事件在表单元素的内容改变时触发( , , , 和 )
Onfocus：元素获取焦点时触发
Onfocusin：元素即将获取焦点时触发
Onfocusout：元素即将失去焦点时触发
Oninput：元素获取用户输入时触发
Onreset：表单重置时触发
Onsearch：用户向搜索域输入文本时触发 (<input=“search”>)
Onselect：用户选取文本时触发 ( 和 )
Onsubmit：表单提交时触发

打印事件
Onafterprint：该事件在页面已经开始打印，或者打印窗口已经关闭时触发
onbeforeprint：该事件在页面即将开始打印时触发

巧仔
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
DOM事件（表单事件）
lord_of_war的博客
09-13 249
onblur 元素失去焦点时触发。 输入你的名字: <input type="text" id="fname" onblur="myFunction()"> <p>当你离开输入框, 函数将被触发将输入文字转换成大写。</p> function myFunction(){ var x=document.getElementById("fname"); x.value=x.value.toUpperCase(); } 输入aaan之后失去焦点，aaan被转化为了AA
JavaScript HTML DOM 事件
01-21
JavaScript HTML DOM 事件 HTML DOM 使 JavaScript 有能力对 HTML 事件做出反应。 实例 Mouse Over Me Click Me 对事件做出反应 我们可以在事件发生时执行 JavaScript，比如当用户在 HTML 元素上点击时。 如需...
JavaScript-DOM之事件
maohe的博客
09-19 508
js传统绑定事件方式和常用的事件，排他思想案例。
DOM事件大全
哈哈哈
08-21 5476
1.事件：js与html的交互就是通过事件 的，观察者模式 2.事件流：从页面中接收事件的顺序 IE：:事件冒泡流，事件冒泡，事件从最具体的元素接收，然后逐级向上传播，主流浏览器都支持 Netscape：事件捕获流，从最不具体的节点向下逐级传播到最具体的节点 Explorer浏览器只支持冒泡事件，Mozilla，Opera7和Konqueror两者都支持。而更古老的opera和
HTML表单事件，获取焦点时、失去焦点时、即将获取焦点时、即将失去焦点时、输入值时、选取文本时、表单元素的内容改变时、提交时....
Yxd0724的博客
09-03 6453
input>提示：以上几个焦点事件触发的时机可以理解为一个简单的生命周期，都会触发，但有先后顺序。
当元素获得焦点和失去焦点时，触发 的事件。
weixin_33766168的博客
07-01 3027
我遇到一个问题，点击文本框时，文本框的值消失，点击文本框外时，值还原。经过一系列的过程， 解决的内容：如下： 下面内容摘取于Jquery。 当元素获得焦点时，触发 focus 事件。 可以通过鼠标点击或者键盘上的TAB导航触发。这将触发所有绑定的focus函数，注意，某些对象不支持focus方法。 当页面加载后将 id 为 'login' 的元素设置焦点: $(document).re...
DOM事件探秘篇
01-19
1.HTML事件处理程序 — 直接写在html标签里面的js触发语句。 2.DOM0级事件处理程序。 把一个函数赋值给一个事件的处理程序属性，用的比较多的方法，简单，跨浏览器的优势。 3.DOM2级事件处理程序。 （1）用于处理...
WEB开发 之 JavaScript HTML DOM 事件.docx
09-26
3. **HTML DOM事件分配**：除了通过HTML属性设置事件，还可以使用JavaScript动态地为元素添加事件监听器。例如，通过`getElementById`方法获取元素并设置`onclick`事件： ```javascript document.getElementById('...
深入理解JS DOM事件机制
10-21
JavaScript DOM事件机制是JavaScript与网页交互的核心部分，它定义了如何以及何时响应用户或脚本对HTML元素的交互。深入理解这一机制对于高效地编写网页动态效果和交互至关重要。 1. **事件流** - 事件流描述了...
onblur 是控件在失去焦点的时候触发的事件
Maxine_CH的专栏
04-26 2550
onblur事件只有表单元素具有这个事件!比如说一个输入用户名的登陆框,你把鼠标点上去,光标变一闪一闪的提示你输入信息,这个时候就是得到焦点,就会触发onfocus事件,当你把鼠标点击到输入框外,这个时候就是失去焦点,就会触发onblur事件,一个表单元素的onblur事件是必须在它得到焦点过后才会触发的!也就是说一个从来没得到过焦点的表单元素是不可能会失去焦点的!也就不会触发onblur事件!
Vue中的@blur事件 当元素失去焦点时所触发的事件
热门推荐
吴冬雪的博客
03-19 2万+
@blur 是什么？ @blur 是当元素失去焦点时所触发的事件 @blur 怎么使用？ <template> <div> <input type="text" placeholder="请输入内容" @blur="blur"/> </div> </template> <script...
JavaScript中的焦点事件 — 第13.4.2 节
flyingpig2016的博客
12-13 700
焦点事件一：什么是焦点事件？    焦点事件会在页面元素失去或者获得焦点时触发。利用焦点事件并和document.hasFocus()、document.activeElement属性配合，可以知道用户在页面上的行踪。焦点事件分为6种： 1. blur：在元素失去焦点时触发。（不会冒泡）；兼容所有浏览器。 2. DOMFocusIn：元素获取焦点时触发。和focus等价，（冒泡，opera支
表单元素事件、文本框失去焦点事件、获得焦点事件http://blog.sina.com.cn/s/blog_73dac6b50101h4qb.html
zwx_20092029的专栏
09-16 1453
文本框失去焦点事件、获得焦点事件 onBlur:当失去输入焦点后产生该事件 onFocus:当输入获得焦点后，产生该文件 Onchange:当文字值改变时，产生该事件 Onselect:当文字加亮后，产生该文件 表单元素事件 (Form Element Events)  仅在表单元素中有效。  属性 值 描述  onchange 脚本 当
窗体form失去焦点时(非激活状态)，发生什么事件
aibi9196的博客
11-18 507
窗体form失去焦点时(非激活状态)，发生什么事件 VCL组件开发及应用http://www.delphi2007.net/DelphiVCL/html/delphi_20061222233159173.html 由非激活状态变为激活状态是onActivate对吧 那么由激活状态变为非激活状态则对应哪个事件呢？onDeactivate么？我试了好像没用，鼠标点桌面或其他窗口...
失焦事件触发_js中表单的聚焦失焦事件
weixin_39827036的博客
12-22 1278
焦点事件：不是所有元素都有焦点事件，只有可交互性的元素才有，比如表单元素，a标签。页面中只能有一个元素有焦点，一个聚焦，另一个就失焦，默认在document。例子结构如下：js操作如下：1.form.txt1.focus(); // 让元素获得焦点，该方法不会触发onfocus()事件。2.form.txt1.onfocus=function(){console.log(1);} //元素...
JavaScript表单事件 获取焦点：focus 失去焦点：blur 输入事件：input 变化事件：change
qq_37981080的博客
03-02 1万+
JavaScript表单事件 焦点处理 焦点处理主要包括focus（获取焦点）和blur（失去焦点）事件类型。所谓焦点，就是激活表单字段，使其可以响应键盘事件。 获取焦点：focus 当单击或使用Tab键切换到某个表单元素或超链接对象时，会触发该事件。focus事件是确定页面内鼠标当前定位的一种方式。在默认情况下，整个文档处于焦点状态，但是单击或者使用Tab键可以改变焦点位置。 示例：输入框被点击时触发，会在文本框后面提示“请输入11位手机号！！！” <form action="">
前端重新学习（15）DOM中的事件（下）
qq_16546829的博客
08-21 646
来源 《Javascript高级程序设计》 笔记 目录 事件类型 UI事件 焦点事件 鼠标与滚轮事件 键盘与文本事件 复合事件 变动事件 HTML5事件 设备事件 触摸与手势事件 内存和性能 事件委托 移除事件程序 模拟事件 DOM中的事件模拟 1. 模拟鼠标事件 2. 模拟键盘事件  3. 模拟其他事件  4. 自定义 DOM事件 IE中的事件模拟 ...
HTML中的DOM事件——鼠标事件、键盘事件、框架对象事件、表单事件
weixin_44867717的博客
07-06 4953
dom元素
html dom事件是click 还是onclick
最新发布
06-08
HTML DOM中的事件名称通常是不带“on”前缀的，例如`click`、`load`、`submit`等。而在JavaScript中，事件通常是作为对象的属性来定义的，名称前面带有“on”前缀，例如`onclick`、`onload`、`onsubmit`等。 因此...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值