jquery监控input输入框的变化

(function($) {
    $.fn.watch = function(callback) {
        return this.each(function() {
            //缓存以前的值
            $.data(this, ‘originVal‘, $(this).val());

            //event
            $(this).on(‘keyup paste‘, function() {
                var originVal = $(this, ‘originVal‘);
                var currentVal = $(this).val();

                if (originVal !== currentVal) {
                    $.data(this, ‘originVal‘, $(this).val());
                    callback(currentVal);
                }
            });
        });
    }
})(jQuery);
$(document).ready(function() {
    $("#barcode").watch(function(value) {
        //...
    }
    });
});
时间: 2024-08-08 05:35:04

jquery监控input输入框的变化的相关文章

基于jQuery的input输入框下拉提示层(自动邮箱后缀名)

基于jQuery的input输入框下拉提示层,方便用户输入邮箱时的提示信息,需要的朋友可以参考下 效果图 // JavaScript Document (function($){ $.fn.extend({ "changeTips":function(value){ value = $.extend({ divTip:"" },value) var $this = $(this); var indexLi = 0; //点击document隐藏下拉层 $(docum

jQuery/原生JS实时监听input输入框值变化

input事件: onchange: 1.要在 input 失去焦点的时候才会触发: 2.在输入框内容变化的时候不会触发change,当鼠标在其他地方点一下才会触发: 3.onchange event 所有主要浏览器都支持: 4.onchange 属性可以使用于:<input>, <select>, 和 <textarea>. <script> function change(){ var x=document.getElementById("pa

移动端(html5)微信公众号下用keyup实时监控input值的变化无效

搜索框依据用户输入的值实时检索,一开始自然而然想到keyup,在拼音状态时,啥问题也没有, 问题1:切换到中文输入法,问题出来了,keyup事件不灵便了,后来在网上搜了下,找到了思路, 问题2:微信公众平台开发时,客户提需求“输入框中输入内容时,输入框后边显示清除按钮,清除输入框中的内容”,使用“keyup”事件时在中文输入法下部分按键keyup事件无效, 方法一:主要是给搜索框注册focus事件,隔个时间去检索下,贴出代码 <script language="javascript&quo

jQuery Validate input是动态变化的

表单验证 $("#dataList").append("<div id='data"+dataNum+"' style='padding-top:3px;font-size:14px'>数据"+dataNum+":X=<input type='text' name='dataX"+dataNum+"' size='30' class='required number' /> Y=<inp

onpropertychange 实时监控input输入框事件实现

在 Web 开发中经常会碰到需要动态监听输入框值变化的情况,可以使用onchange.onblur 事件,但是要失去焦点时才能触发事件,这里介绍onpropertychange实现动态监听input值 1.IE浏览器 $id = $("#id"); $id.onpropertychange = function() { //expression }; 2.非IE浏览器下,需要用addEventListener来注册事件 if (window.addEventListener) { do

jquery实现input输入框实时输入触发事件代码 ---jQuery 中bind(),live(),delegate(),on() 区别

复制代码 代码如下: <input id="productName" name="productName" value="" /> 复制代码 代码如下: //绑定$('#productName').bind('input propertychange', function() {searchProductClassbyName();}); 复制代码 代码如下: searchProductClassbyName 为触发后调用的方法: 当

jquery实现input输入框实时输入触发事件代码

<input id="productName" name="productName" class="wid10" type="text" value="" /> //绑定商品名称联想 $('#productName').bind('input propertychange', function() {searchProductClassbyName();}); searchProductClas

时时监控input的变化

移动端(html5)微信公众号下用keyup实时监控input值的变化无效 2014-10-17 14:51 16738人阅读 评论(1) 收藏 举报  分类: html5(30)  javascript(84)  版权声明:本文为博主原创文章,未经博主允许不得转载. 搜索框依据用户输入的值实时检索,一开始自然而然想到keyup,在拼音状态时,啥问题也没有, 问题1:切换到中文输入法,问题出来了,keyup事件不灵便了,后来在网上搜了下,找到了思路, 问题2:微信公众平台开发时,客户提需求"输入

vue input输入框联想

以下是示例,样式可以自己修改.最后是效果图,其实也挺简单的,主要是用了watch监控input输入值的变化,如果数据是请后端请求可以,先请求数据. <template> <div class="binding" v-title data-title="绑定账号"> <div class="bindingbtn"> <input type="text"v-model="city