div盒子注册失去焦点onblur事件

最新推荐文章于 2024-05-31 13:53:36 发布
最新推荐文章于 2024-05-31 13:53:36 发布
阅读量863 收藏 1
点赞数 1
分类专栏： 踩个坑 文章标签： js事件 获取焦点事件 div获取焦点事件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42698255/article/details/89203860
版权

div盒子本身是不支持onblur事件，通常会使用这个div的经过事件onmouseout或onmouseleave，来达到效果； 但这两个事件和我们想要的效果是有一定差距的；没什么卵用

onblur有鼠标点击的效果；而onmouseout或onmouseleave只有鼠标滑出效果；

要想在div上注册onblur 事件 需要在 该div 上加上 tabindex=“0” 属性 就ok了 <div tabindex="0"></div>

小马裤
关注
专栏目录
关于注册事件的方式及相关问题
xfavon
07-13 254
===> 元素对象. on + 事件类型 =function( ){ } 语法格式： 事件源.on + 事件类型 = 事件处理程序 var btn = document.getElementById("btn"); btn.onclick = fuction( ){ } 实现过程：在事件源触发了响应操作之后，后面的事件处理程序就会呗浏览器调用 事件的解绑：事件源.on + 事件类型 = null; *注：常见的事件类型 ==> onclick（点击事件） \ onfpucs（获
用正则表达式的方式实现注册登入的校验
a815886696的博客
09-21 3175
表单验证： 用户名：6–18位数字,字母,下划线_，文本域获取焦点和失去焦点出现提示文字。 登入密码：请输入6–20位数字,字母,任意字符，文本域获取焦点和失去焦点出现提示文字。（效果同上） 确认密码：内容与登入密码必须一致。 姓名：2-5位中文字。 身份证号：开头为1234568，中间16位为数字，结尾为数字或Xx。 邮箱：常规验证如下 手机号：为1开头是11位数字 提交是验证为一项是否填写正确，并弹框提示。 确认已阅读选项是否选中，并弹框提示。 页面效果： 1、提交是验证为一项是否填写正确，并弹框提
DIV的失去焦点(blur)实现方法
09-22
主要介绍了DIV的失去焦点(blur)实现方法,用防抖实现DIV鼠标移出消失,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
判断是否点击div元素外区域，div的blur事件
qq_39317860的博客
05-21 403
我需要做一个如下图所示的div列表，在可视区域内可以滚动，然后div列表里的每一个元素都可以点击进行对应的操作。
div的onblur事件
流年的博客
04-16 2068
一般情况下，onblur事件只在input等元素中才有，而div却没有，因为div没有tabindex属性，所以要给div加上此属性。 如： <div onfocus='alert("得到焦点");' onblur='alert("失去焦点");'> </div> 定义tabindex属性后，元素是默认会加上焦点虚线的，那么在IE中可以通过hidefocus="true...
给TextBox添加失去焦点事件（两种方法）
lansdmn的专栏
04-29 7085
第一种：             Txt_CustomerID.Attributes.Add("onfocusout", "CheckID(CustomerID);GetCompanyName();");             给TextBox添加失去焦点事件，执行客户端方法，轻量级，但是保存状态比较繁琐。第二种：　　　　 CustomerIDTextBox.Attr
div绑定onblur事件
yanergo的博客
12-08 2423
onblur失去焦点事件只能在input、a、button等元素上绑定，在某些情况下无法使用这些标签，需要给div元素绑定onblur事件。 这时候可以给div绑定tabIndex属性： <div tabindex="0" onblur="functionA"></div> PS：tabIndex属性应该绑定number，根据w3c的解释，tabIndex是tab 键用于导航时规定元素的 tab 键控制次序（1 是第一个）。 ...
十三、JavaScript事件|事件流
qq_45956680的博客
06-08 373
十三、JavaScript事件 1.事件_事件流 一、什么是事件：事情的起因 二、事件流 1》事件冒泡：从内到外（先触发里面的，再触发外部） 2》事件捕获：从外到内 测验： <div id="dv1" style="background: red;width: 400px;height: 400px;"> <div id="dv2" style="background: wheat;width: 200px;height: 200px;"></div> &lt
[JavaScript] DOM事件高级
weixin_46076151的博客
03-18 444
一，注册事件 1.1注册事件概述 给元素添加事件叫做注册事件或绑定事件 注册事件有两种方式：传统注册方式，方法监听注册方式 传统注册事件方式： 以on开头的事件onclick。 特点：注册事件的唯一性，同一个元素，同一个事件，只能设置一个处理函数，最后注册的处理函数会覆盖前面的处理函数 方法监听注册方式： addEventListener()方法 特点：同一个元素同一个事件可以注册多个监听器，按注册顺序依次执行。 IE9之前的IE不支持此方法，可使用attachEvent()代替 1.2addEve
Javascript常用事件大全
qq_49624249的博客
05-10 1233
目录 事件 1. 鼠标事件 2. 键盘事件 3. 触摸事件 4. 表单事件 5. 过渡事件 6. 动画事件 事件对象 1. 事件对象 2. 鼠标事件对象 3. 键盘事件对象 4. 触摸事件对象 事件 事件通常与函数配合使用，这样就可以通过发生的事件来驱动函数执行。 注意：事件名称大小写敏感。若是事件监听方式，则在事件名的前面取消on。 1. 鼠标事件 鼠标事件 触发条件 onclick 鼠标点击左键触发 oncontextmenu 鼠标点击右键触发 ondblclick 鼠标双...
jquery easyui combobox失去焦点事件，datetimebox失去焦点事件
镜水灵动
10-13 7042
$("#a").combobox('textbox').bind('blur', function(e) { if(null == $('#b').val() || $('#b').val().trim() == ''){ $('#a').val(""); } });
div.onblur的两个解决方法
08-06 2404
1.document.onclick ffffunction test () { document.getElementById("div2").style.display=""; document.getElementById("div2").focus();}function hide (event) { event=(event==null)?window.event:event
Div等元素onBlur的实现
07-19 775
最近写一个dl元素，要求在blur后自行销毁，一直无法正常被调用 经过实验发现 onblur被调用一定要事先被focus 而元素可以被focus的前提就是tabindex属性需要被赋值，通常为0 所以，实现onblur事件响应需要添加tabindex属性并且在展示的时候调用focus()获取焦点 [code="js"] //重要！添加tabindex属性 var div ...
html 焦点失去时间,详解HTMLonfocus获得焦点和onblur失去焦点事件
weixin_33431252的博客
06-09 500
HTML onfocus 事件属性定义和用法onfocus 属性在元素获得焦点时触发。onfocus 常用于 、 以及 .提示：onfocus 属性与 onblur 属性相反。注释：onfocus 属性不适用于以下元素：、、、、、、、、、 或 。实例当输入字段获得焦点时触发函数。此函数改变输入字段的背景色function setStyle(x){document.getElementById(x)...
div绑定onBlur事件无效的解决方法
最新发布
sunzhen15896的博客
05-31 178
该场景适用于 点击页面空白区域关闭div的情况。给div绑定onBlur事件，默认不触发。
div失去焦点事件onblur()无效
m0_47659279的博客
01-13 6877
初学js事件，想做一个点击时变红，取消聚焦时变白的div，于是我这样写代码： <div style="width: 100px;height: 50px;border: 1px solid;"></div> <script> let div = document.getElementsByTagName("div")[0]; //点击时变红 div.onclick = function(){ this.style.backgroun
听说 div 没有 blur 事件 ?
ef_ef的博客
05-20 791
前言 div 默认是没有 blur 事件的,但是给个 tabindex=“0” 和 outline=“0” 就能有 blur 事件了,下列给 hidefocus=“true” 的原因是兼容ie浏览器 效果图 及 代码 点击黑块让它先聚焦,现在控制台是空的 点击周围的空白区域,让黑块失焦,这时控制台输出了 “失焦了” <!DOCTYPE html> <html lang="cn"> <head> <meta charset="UTF-8">
input失去焦点事件onblur
07-28
在 Web 开发中，当一个元素失去焦点时，可以使用 `onblur` 事件来触发相应的操作。下面是一个示例代码： ```html <input type="text" onblur="myFunction()"> <script> function myFunction() { // 执行失去焦点后的操作 console.log("输入框失去焦点了"); } </script> ``` 在上述代码中，当输入框 `<input>` 失去焦点时，触发了 `onblur` 事件，并调用了名为 `myFunction` 的 JavaScript 函数。你可以在该函数中编写自己的逻辑来处理失去焦点后的操作。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值