在HTML的<img>标签使用onblur事件

最新推荐文章于 2024-06-29 11:18:05 发布
最新推荐文章于 2024-06-29 11:18:05 发布
阅读量6.7k 收藏 1
点赞数
分类专栏： HTML + CSS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/foart/article/details/17789343
版权

由于<img>标签可用的事件并没有onblur，这时只要添加 tabIndex=数字 之后就可以使用onblur事件了。

 

下面这代码是使用my97日历控件，当点击图片后打开。失去焦点时隐藏。

 

<input id="ab_HappenTime" name="ab_HappenTime" type="text" class="easyui-validatebox" required="true" missingMessage="必填项" style="width: 200px;"  οnblur="time_onblur()"/></input>			         
			            				              	
			              	<img οnclick="WdatePicker({el:'ab_HappenTime',dateFmt:'yyyy-MM-dd HH:mm:ss',errDealMode:2})" src="${basePath}/res/m97/skin/datePicker.gif" width="16" height="22" align="absmiddle" tabIndex=1 οnblur="javascript:$dp.hide();">


 

cg_program
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
复现一个循环问题以及两个循环问题
m0_52438027的博客
08-11 311
img进入循环的前提是form要有一个触发方法，这里就需要用onfocus，但是onfocus不是form表单里面的属性而是input的属性，所以我们需要将焦点对到input属性中，这就要用到tabindex （tabindex 全局属性 指示其元素是否可以聚焦，以及它是否/在何处参与顺序键盘导航）来聚焦到input的子元素上。然后获取子元素的属性，并将属性全部删除。当i在3时也就是i在第一位时，选出了最大数7并删除了，此时a=[3，5，4，6，2] 4，6，2一次向前一位来到了第三位，第四位和第五位。..
JavaScript 简单事件，innerText、.inner HTML、常用的元素属性操、练习案例和小结
MDR_0820的博客
10-20 602
简单事件 JavaScript 使我们有能力创建动态页面 而事件是可以被JavaScript侦测到的行为 网页中每个元素都可以产生某些可以触发JavaScript的事件 简单说就是：触发…响应机制 事件是由三部分组成：事件源、事件类型、事件处理程序 ，也称为事件三要素 事件源：事件被触发的对象 事件类型：怎样被触发 ，鼠标点击？还是鼠标经过？还是键盘按下？ 事件处理程序：通过一个函数赋值的方式 完成 鼠标事件 <body> <button id="but"> 按钮 &l
imgblurin实现图片模糊加载的效果
08-10
img-blur-in：实现图片模糊加载的效果。将渐变效果和图片加载相结合
HTML中onblur事件的使用
最新发布
技术研究中心
06-29 988
在HTML中，onblur事件是指当元素失去焦点时触发的事件。失去焦点意味着用户从当前输入框或其他可输入元素转移到另一个元素上。例如，当用户在输入框中输入完内容后，点击页面的其他地方或按下Tab键切换焦点时，就会触发onblur事件。本文深入探讨了HTML中onblur事件的概念、基本语法及其在实际开发中的应用场景。通过使用onblur事件，开发者可以实现表单验证、用户交互优化和自动保存等功能，从而提升页面的交互性和用户体验。
关于html中的onBlur事件和focus事件
互联网
12-07 521
定义和用法 onblur 事件会在对象失去焦点时发生。 就是一个事件,在控件获得失去焦点时是触发, 比如有一个文本输入框&lt;input type="text"&gt;,你想在用户点击它输入文本时,执行改变它的外观或者其它什么操作,就可以定义完成这个操作的处理程序,并&lt;input type="text" onblur="SomeSub"&gt; onFocus事...
blur属性html,html中的onfocus和onblur是什么属性？怎么使用？
weixin_30341121的博客
06-05 1257
html中的onfocus和onblur是什么属性？怎么使用？本篇文章就给大家介绍onfocus属性和onblur属性是什么，让大家了解onfocus属性和onblur属性的简单用法。有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。首先我们要知道onfocus和onblur都是html的事件属性，接下来简单介绍一下这两个属性。1、onfocus事件属性onfocus 属性在元素获得...
HTML DOM blur() 方法
weixin_30487317的博客
06-25 69
定义和用法 blur() 方法用于从链接上移开焦点。 语法 anchorObject.blur() 实例 1<html> 2<head> 3<styletype="text/css"> 4a:active{color:green} 5</style> 6 7<scripttype="text...
onblur在html中的作用
移动互联网后端服务架构
10-31 2424
eg： onblur在html中的作用：当控件在失去聚焦时发生 标题 function check() {     var password1 = document.all.password.value;         var password2 = document.all.repassword.value;     if(password1 != passw
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>1-用户登录</title> <style type="text/css"> a{text-decoration:none} body{ background-image:url(../img/longmao.webp); background-size: cover; height: 100vh; } h3{ color:#FFF; font-size:30px; } td{ color:#FFF; font-size:20px; } .ps{ padding-top:0px; } </style> <script type="text/javascript"> function refreshVerifyCode() { // 刷新验证码 var verifyCodeImage = document.getElementById("verify_codeImage"); verifyCodeImage.src = "../VerifyCodeServlet?" + Math.random(); } function register() { window.location.href = "register.jsp"; } </script> </head> <body > <h3>新闻发布系统>>用户管理>>登录</h3><hr color="#FFF"> <div class="ps"> <form action="../LoginSerlvet" method="post" name="frm_login"> <table align="center"> <tr> <td>用户名：</td> <td> <input type="text" name="userName"value="张凯"> </td> </tr> <tr> <td>密码：</td> <td> <input type="password" name="userPassword" value="1111"> </td> </tr> <tr> <td>验证码：</td> <td> <input type="text" name="verifyCode" value=""> <img src="../VerifyCodeServlet?t=<%=System.currentTimeMillis()%>" id="checkcode" onclick="this.src='../VerifyCodeServlet?t='+new Date().getTime()"/> </td> </tr> <tr> <td height="50" colspan="2" align="center"> <input type="submit" name="ok" value="提交"> <input type="reset" name="cancel" value="取消"> <input type="button" onclick="register();" value="注册"> </td> </tr> </table> </form> </div> </body> </html>加一个3.Ajax异步验证。登录时账号输完马上显示账号重复了。
06-08
我给你提供一种实现方式，你可以将以下代码插入到 `<head>` 标签中： ``` <script type="text/javascript"> function checkUsername() { var xmlHttp; try { xmlHttp = new XMLHttpRequest(); // Firefox, ...
html文档的树状结构中, 标签为文档的根节点,位于结构中的最顶层,javascript复习题...
weixin_30798713的博客
06-03 2564
复习题一、选择题1、写“Hello World”的正确javascript语法是？A. document.write("Hello World")B. "Hello World"C. response.write("Hello World")D. ("Hello World")2、JS特性不包括( )A.解释性B.用于客户端C.基于对象D.面向对象3、下列JS的判断语句中( )是正确的A.if(i...
【基础】input标签输入框内的输入事件详细分析
青年码农
12-08 846
今天项目上用到了oninput事件，顺便就记录下表单常用事件。1.onblur：元素失去焦点时触发Onblur经常用于表单验证，所有主要浏览器都支持 onblur 事件<inputtype="text"onblur="myFunction()">支持该事件的 HTML 标签：<a>,<acronym>,<address&...
在html页面上包含如下创建层的语句,javascript复习题
weixin_34900026的博客
06-09 2730
复习题一、选择题1、写“Hello World”的正确javascript语法是？A. document.write("Hello World")B. "Hello World"C. response.write("Hello World")D. ("Hello World")2、JS特性不包括( )A.解释性B.用于客户端C.基于对象D.面向对象3、下列JS的判断语句中( )是正确的A.if(i...
img标签的onerror事件
偏执
07-19 1916
同时我们想去除载入图片失败时显示在左上角的碎片图标，这个要借用img标签的onerror事件和javascript，img标签支持onerror 事件，在装载文档或图像的过程中如果发生了错误，就会触发onerror事件。但问题来了，如果logoError.png 也不存在，则继续触发 onerror，导致循环，故会出现打开网页时提示 Stack overflow at line: 0错误。当图片不存在时，将触发 onerror，而 onerror 中又为 img 指定一个logoError.png 图片。
HTML img标签之onAbort、onError、onLoad事件与问题
噬魂归来的专栏
08-26 1万+
img标签在使用的时候 一下几个事件非常的有用：  onError：当图片加载出现错误，会触发 经常在这里事件里头写入 将图片导向默认报错图片，以免页面上出现红色的叉叉  onLoad：事件是当图片加载完成之后触发  onAbort：图片加载的时候，用户通过点击停止加载（浏览器上的红色叉叉）时出发，通常在这里触发一个提示：“图片正在加载”  很好的利用这3个事件可以
img标签加载失败方法(onerror)、加载成功(onload)的方法、readystatechange事件、complete属性
热门推荐
yiyueqinghui的博客
05-20 1万+
1、error事件（img标签加载失败的方法） < img src=“123” :οnerrοr=“defaultImg()” /> function defaultImg(){ //地址错误时，直接删除img标签 this.remove() } 或者 function defaultImg(event){ //地址错误时，设置默认图片 let img = event.srcElement; img.src = ‘默认图片地址’; img.onerror
img 标签使用 @error 事件的时候 图片一直闪烁的问题
m0_61840359的博客
11-29 776
通过showErrorImg 来判断当前图片是否已经是图片出错处理之后的如果是就证明item.vendorpicfile的图片也出错了所以我们就可以使用默认图片，这样就不会出错啦。上面这段代码一旦otherPic 有并且出错的话就会出现死循环的情况。出现闪烁的原因可能是出现 死循环了。
HTML语言中 blur()方法,HTML DOM blur() 方法
weixin_31956641的博客
05-31 2691
HTML DOM blur() 方法blur() 方法用于从链接上移开焦点。blur() 方法可把键盘焦点从顶层浏览器窗口移走，整个窗口由 Window 对象指定。哪个窗口最终获得键盘焦点并没有指定。浏览器支持注释：在某些浏览器上，该方法可能无效。支持的浏览器：下面列出了blur()方法支持的浏览器：谷歌浏览器IE浏览器火狐浏览器Opera苹果浏览器DOM模糊方法用于从当前元素中移除键盘焦点，并在...
悬浮点击事件
H_e_a_l_e_r的博客
11-30 903
使用Jquery完成点击悬浮事件 (￣y▽￣)╭ Ohohoho.....
img的hover事件闪动
10-10 785
今天给同学写一个相册照片鼠标浮动显示细节的效果，遇到了闪动的bug，也顺利解决，就写下来跟大家分享。 我使用的是‘标签：hover + 标签’的形式，如果使用jquery的mouseover、mouseout等事件，也可以参考此方法，原理一样。 分析：图片使用,然后使用div+span写入鼠标浮动要显示的文字和背景。如下代码：（会出现闪动） html代码： 1 <img...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值