JQuery 实时监听文本框变化

Myth丶恋晨 2022-05-16 15:21 325阅读 0赞

### 文章目录 ###

*   *   *   *   *  JQuery 实时监听文本框变化
                 *   *  html 的文本框
                     *  js 代码
                 *  JS 监听长按事件
                 *   *  $(function()\{ 
                     *  方法

##### JQuery 实时监听文本框变化 #####

> 使用 input propertychange

###### html 的文本框 ######

<input thpe="text" id="theId" name="theId" />

###### js 代码 ######

$(function(){ 
                $('#theId').on('input propertychange', function() { 
                    //这里加你需要的逻辑
                });
                });

##### JS 监听长按事件 #####

###### $(function()\{ ######

$(function(){  
      
         $("#被监听的元素id").longPress(function(){ 
             alert(1);
         });
     });

###### 方法 ######

$.fn.longPress = function(fn) { 
                var timeout = undefined;
                var $this = this;
                for(var i = 0;i<$this.length;i++){ 
                    $this[i].addEventListener('touchstart', function(event) { 
                        timeout = setTimeout(fn, 800);
                    }, false);
                    $this[i].addEventListener('touchend', function(event) { 
                        clearTimeout(timeout);
                    }, false);
                }
            }

发表评论取消回复

表情：

评论列表（有 0 条评论，325人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue监听路由实时变化

方法一：通过 watch // 监听,当路由发生变化的时候执行 watch:{ $route(to,from){ cons

墨蓝/ 2023年07月03日 04:54/ 0 赞/ 52 阅读

相关 java edittext 输入监听_实时监听EditText内容变化

主要是addTextChangedListener方法的使用 aswerEdittext.addTextChangedListener(new TextWatcher() \

川长思鸟来/ 2022年11月03日 11:06/ 0 赞/ 217 阅读

相关 jquery实现多行文本框高度变化

看了锋利的jquery，做了3个用jquery实现多行文本框高度变化的效果的小练习。这3个练习是层层完善提高效果的过程。先来看下练习一的效果图：

刺骨的言语ヽ痛彻心扉/ 2022年08月07日 03:51/ 0 赞/ 245 阅读

相关 JQuery如何监听标签内容变化

百度出来的，jquery方式监听div这种标签的内容变化，使用DOMNodeInserted $(".intro_selected").find("font").

谁践踏了优雅/ 2022年06月18日 02:24/ 0 赞/ 678 阅读

相关 js 实时监听input中值变化

转自：http://blog.csdn.net/spy19881201/article/details/25537225 \[html\] [view plain][]

矫情吗；*/ 2022年05月30日 01:24/ 0 赞/ 256 阅读

相关 JQuery 实时监听文本框变化

文章目录 JQuery 实时监听文本框变化 html 的文本框

Myth丶恋晨/ 2022年05月16日 15:21/ 0 赞/ 326 阅读

相关 Js（Jquery）实时监听input输入框值的变化

效果图 ![在这里插入图片描述][70] Js写法 <!DOCTYPE html> <html lang="en"> <head>

向右看齐/ 2022年05月09日 06:24/ 0 赞/ 2975 阅读

相关 js实时监听窗口变化总结

js实时监听窗口变化总结 <script> window.onresize = function () \{ var Width = window.innerWidt

川长思鸟来/ 2022年04月23日 14:38/ 0 赞/ 381 阅读

相关 js实时监听窗口变化总结

js实时监听窗口变化总结 <script> window.onresize = function () \{ var Width = window.innerWidt

清疚/ 2022年04月23日 14:36/ 0 赞/ 251 阅读

相关 Js/jQuery实时监听input输入框值变化

前言在做web开发时候很多时候都需要即时监听输入框值的变化，以便作出即时动作去引导浏览者增强网站的用户体验感。而采用onchange时间又往往是在输入框失去焦点（onb

淡淡的烟草味﹌/ 2021年09月14日 14:32/ 0 赞/ 467 阅读