jquery --- 监听input框失效

使用juery监听Input输入的变化,并且封装起来,如下:

// html
<input  type="text"   id=‘myinput1’ />
// js
function formOnById(id){let dom = '#' + id;$(dom).bind('input propertychange',()=>{let item = $(dom).val;console.log(item);}
}
formOnById('myinput1');
// 以上代码监听input id='id',的输入框的变化.并打印出input中的值到控制台

问题在于,有时候这样监听会很危险
因为在项目中,有时候dom是动态更新的,即:在监听的时候,input并没有出来.此时的监听是无效的…

// 举个栗子
// html<div ng-if="showInput"><input type="text" id="myinput1' /></div>// 此时调用上面的函数,监听输入是监听不到的,,,// 可以考虑使用setTimeout函数,延迟监听(0.3秒左右,用户感应不到)..setTimeout(() =>{formOnById('myinput1');}, 0.3 *1000);

注:以上只是提供一个监听失效的思路,仅供参考,若有错误欢迎指出.

jquery --- 监听input框失效相关推荐

angular监听输入框值的变化_angular 实时监听input框value值的变化触发函数方法
用angulajs + ionic 做了一个登陆页面.效果要通过监听输入框的变化来判断登陆按钮是否可点击.当至少一个输入框为空时登录按钮不可点击.一开始是用的jquery的方法做的,后来发现刷新当前页 ...
html 监听input输入框的值,利用原生JS实时监听input框输入值
利用原生JS实时监听input框输入值原生JS中可以使用oninput,onpropertychange,onchange oninput,onpropertychange,onchange的用法 ...
jquery 监听input输入停止，实现文本框自动跳转
今天学到了一个新的东西,在此记录一下我遇到了一个这样的需求:添加扫描一条数据,无鼠标键盘.工具:扫描枪,动作:扫描两个条码扫描抢扫描时,扫描出来的数据是显示在当前焦点上,用input的文本框来保存 ...
vue中监听input框获取焦点，失去焦点的问题
一.背景博主之前在用vue的获取焦点,失去焦点的时候,出现了@blur和@focus无效的情况.当时百思不得其解.今天又在写vue页面的时候,突然@blur和@focus又好用了.emmmm,看来这 ...
angular4 监听input框输入值的改变（实用、赞）
原文出处:https://www.cnblogs.com/dennis0525/p/7631301.html angular中一般控件会有change事件,但是如果某些控件没有这个事件我们如何监听值 ...
jQuery监听文本框值改变触发事件（propertychange）
完整代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w ...
jquery监听input值改变
1. 正常情况 $("input[name=age]").bind('input propertychange',function(){var a = $(this) ...
react监听input框里的值
import React, { Component } from 'react' class App extends Component {constructor(props) {super(prop ...
监听input框值得改变
1.onchange触发事件必须满足两个条件: a)当前对象属性改变,并且是由键盘或鼠标事件激发的(脚本触发无效) b)当前对象失去焦点(onblur): 2.onpropertychange的话,只 ...

jquery --- 监听input框失效

jquery --- 监听input框失效相关推荐

最新文章

热门文章