给input添加离焦事件

2024-11-03

input 输入框 change 事件和 blur 事件

输入框的 change 和 blur 事件绝大多数情况下表现是一致的,输入结束后离开输入框会先后触发 change 和 blur.那么这两个事件的区别在哪呢? 当文本框获得焦点后,没有输入任何内容,或者最终文本框的值没有改变时,是不会触发 change 事件的,而 blur 事件始终会触发.如果希望文本框的值一发生改变就立马执行某些操作,而不是等到离开再执行,那么可以使用 keyup 事件.

使用下面方法在监听普通的input的change事件正常 $('#pp').on('change', 'input.videos_poster_input', function () { console.log('----'); }) 以上代码在监听动态添加的input的事件就失效可以采用以下方式:将父级改为document $(document).on('change', 'input.videos_poster_input', function () { console.log('----

【原】相煎何太急——input的blur事件与button的click事件

先来一段引子,最近在写手机h5页面,主要是一些登陆注册方面的,最绕不开的就是表单元素. 我想实现的是:在输入框后边有一个删除图标,当输入东西的时候触发事件,显示删除图标,点击该图标会删除之前输入的内容,离开输入框,该图标消失. <div class="wrapper"> <div class="count"> <label for="person">手机号</label> <input id=

input添加邮箱的时候自动显示后缀

1.HTML代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8&quo

为input标签绑定事件的几种方式

为input标签绑定事件的几种方式 1.JavaScript原生态的方式,直接复制下面的代码就会有相应的效果 <!DOCTYPE html><html><head><meta charset="utf-8"><title>为标签绑定事件</title><script>function danji(){alert("hello javascript");}</script>

复选框省市区联动（监听input的change事件）

需求:省市区三级包含复选框按钮以及文字描述.点击文字显示对应的下级地区,点击复选框选择对应的下级区域勾选. 分析:监听input的change事件当点击复选框省选择对应的第一个市区,同时默认选中第三级区域的第一个.同理监听span或者label(因为label与input的搭配使用) 辅助:后台提供省市区的数据: 两种方式: A:后台直接给dom结构(后台写好基本构架,前段自己在后台code填写需要的dom,class,方便前端开发) B:后台直接给前段一个json数据,前段自己遍历.(和后

js 页面无滚动条添加滚轮事件

当页面无滚动条时,滑动滚轮时window.onscroll事件不会相应,此时应该去添加滚轮事件 var MouseWheelHandler=function(e){ e.preventDefault(); e=window.event||e; var value; if(e.wheelDelta) value=e.wheelDelta; else if(e.detail) value=-e.detail; } var addMouseWheelHandler=function(){ if(doc

DataGridView 在下拉框添加下来事件

DataGridView中有一种下拉框式的列,给这个列添加下拉事件时需要转化一下才可以绑定下拉事件 /// <summary> /// 服务类型 /// </summary> DataGridViewComboBoxEditingControl cboServiceType = null; #region 维修项目服务类型下拉框事件 /// <summary> /// 设置下拉框值改变时的处理 /// 作者“:李德彦 /// 时间:2015年12月7日 /// &

asp.net中的ListBox控件添加双击事件

问题:在Aspx页里的ListBox A中添加双击事件,将选中项添加到另一个ListBox B中,双击ListBox B中的选中项,删除当前选中项页面: <asp:ListBox ID="ListUsers" runat="server" Height="313px" SelectionMode="Multiple" Width="185px" ></asp:ListBox> &l

Unity3D NGUI 给button按钮添加单间事件

Unity3D中, NGUI 给button按钮添加单间事件的方法很多,在这里只给推荐一种比较常用的方法. 推荐方法:使用UIListener. 1.给button组价添加上UIListener.选择Button-Component-NGUI-Internal-Event Listener,点击“Event Listener”即可添加到button上.注意,挂在按钮上就可以,它没有任何参数. 如图: 2.调用方法:在任何一个脚本或者类中即可得到按钮的点击事件.把如下代码放在任意类中或者脚本中.

Trace-跟踪高消耗的语句需添加哪些事件

通常接手一台数据库服务器后,我们会开启Profiler跟踪来了解SQL Server的繁忙情况.我们首先会想到的是监控CPU或Duration超过某一阈值的语句/过程.那么所创建的Trace添加哪些事件和列比较合适?新建跟踪,默认模板会选择Audit Login.Audit Logout.ExistingConnection.RPC:Completed.SQL:BatchCompleted.SQL:BatchStarting这些事件.但我们稍作修改,下表中给出跟踪查询结束的事件: 事件类事件

ABAP QUERY报表添加双击事件

问题:一个query报表程序,客户想要每一条能编辑并打印. 解决:直接给query添加双击事件,调用新report. 1.创建report,用paramater定义要从query结果中传过来的数据. PARAMETERS: ZPERNR TYPE PERNR_D, "类型为数据对应的数据元素. ZENAME TYPE EMNAM. 加工数据,调用SMARTFORM打印等... 2.T-CODE:SQ01,输入查询名称,修改: 转到--->报表分配: 插入行: 其它报告类型: 选择RT

关于解决JQUERY对INPUT元素Change事件不兼容的问题

最近开发一个项目,需要实现用户在WEB表单里的多个INPUT框中输入数量后,立即自动计算加总各项输入的数量之和,并显示在指定的INPUT框中,这个功能实现的原理是简单的,就是只需要在INPUT的onchange事件中计算加总并将结果赋给指定的INPUT框中即可实现,代码如下: $("input.syxcost").change(function(){ computeReceivedsyxcost(); } function computeReceivedsyxcost(){ //计算加

设置代码ios 6添加日历事件No calendar has been set.错误

查了好多资料,发明还是不全,干脆自己整理吧,至少保证在我的做法正确的,以免误导读者,也是给自己做个记录吧! 在iOS 6做日历事件添加时,来来回回报错,No calendar has been set. 查了很多资料均无果,进入ios自带日历想添加一个事件看看,突然发明日历的“+”号不见了. 每日一道理如果只看到太阳的黑点,那你的生活将缺少温暖:如果你只看到月亮的阴影,那么你的生命历程将难以找到光明:如果你总是发明朋友的缺点,你么你的人生旅程将难以找到知音:同样,如果你总希望自己完美无

input的onchange事件实际触发条件与解决方法

input中onchange事件已经属于元老级别了,并且现在同onclick一样使用频率很高,然而onchange的机制实际上有很多童鞋并不清楚,我们通过实例来分析这个事件的特征. 触发onchange 首先页面有一个input标签,并且已绑定onchange事件,如: 1 <input type="text" onchange="console.log(this.value);" /> 这个事件要做的动作很简单,只是把input的值在控制台上打印出来就

C#避免踩坑之如何添加paint事件

看截图: 首先,右击->属性然后出来这个界面. 接下来,注意看这个界面的上面:鼠标悬停这个闪电符号,看到没,事件!! 那个闪电符号,点它! 然后下拉找到这个: 你要事先在代码里面添加Form1_Load事件哦如图,

Qt 给控件QLineEdit添加clicked事件方法

做Qt开发的会知道QLineEdit是默认没有clicked事件的,但是Qt有很好的一套信号/槽机制,而且Qt是基于C++面向对象的思想来设计的,那么我们就很容易通过自己定义一些类,重写QLineEdit的一些方法去实现没有的方法,比如clicked事件.本人就以QLineEdit 添加clicked事件来说明. Qt里面有个关键字emit,这个关键字意思就是触发一个信号,具体emit更详细的使用方法,可以百度,本文不做具体详解,只需知道emit是触发一个信号的方法即可. 下面我们就开始讲如何给

给datagridview的下拉框添加valueChange事件

修改datagridview的EditMode属性为EdutOnEnter,否则需要点2次以上才出现下拉框 1.给DataGridView添加EditingControlShowing事件: 2.编辑EditingControlShowing事件: public void dgv_EditingControlShowing(object sender, DataGridViewEditingControlShowingEventArgs e) { DataGridView dgv = sende

通过JS 给这个input加一个事件获得焦点，回车事件绑定

通过JS 给这个input加一个事件就是获得焦点就行了 window.onload = function(){ var oInput = document.getElementById("strName"); oInput.focus(); } JS监听某个输入框 //回车事件绑定 $('#strName').bind('keyup', function(event) { if (event.keyCode == "13") { //回车执行查询 $('#sear

Android向系统日历中添加日程事件

转自Android向系统日历中添加日程事件总结在项目开发中,我们有预约提醒.定时提醒需求时,可以使用系统日历来辅助提醒: 通过向系统日历中写入事件.设置提醒方式(闹钟),实现到时间自动提醒的功能: 好处:由于提醒功能是交付给系统日历来做,不会出现应用被杀情况,会准时提醒: 坏处:系统日历在提醒时,不能直接再跳转回我们自己的app,只有在提醒文案中加入url,通过调用浏览器来中转: 一般来说实现向系统日历中读写事件: 1.需要有读写日历权限 2.如果没有日历账户需要先创建账户 3.实现日历事件

关于input的焦点事件

关于input的焦点事件 $(".scanf_integral").focus(function(){//获取焦点//获取焦点后触发的事件 }) $(".scanf_integral").blur(function(){ //失去焦点//失去焦点后触发的事件}; //实时获取值时需在input上接上这个函数,例: <input type="text" value="8000" oninput="scanf_i