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

最新推荐文章于 2024-06-29 11:18:05 发布

原创最新推荐文章于 2024-06-29 11:18:05 发布 · 6.8k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

HTML + CSS 专栏收录该内容

24 篇文章

订阅专栏

本文介绍了如何在输入框中集成my97日历控件，实现用户点击图片后打开日历进行日期选择，并在失去焦点时自动隐藏日历的功能。通过设置`tabIndex`属性和事件监听，实现场景需求。

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

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

<input id="ab_HappenTime" name="ab_HappenTime" type="text" class="easyui-validatebox" required="true" missingMessage="必填项" style="width: 200px;"  onblur="time_onblur()"/></input>			         
			            				              	
			              	<img onclick="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 onblur="javascript:$dp.hide();">