JQuery 实时监听文本框变化

最新推荐文章于 2021-02-06 22:31:01 发布

原创最新推荐文章于 2021-02-06 22:31:01 发布 · 844 阅读

2 ·

CC 4.0 BY-SA版权

文章发表1周内为内容优化高峰期，后续会根据认知迭代继续做完善补充。

文章标签：

#js

Javascript 同时被 2 个专栏收录

34 篇文章

订阅专栏

JQuery

26 篇文章

订阅专栏

本文介绍如何使用JQuery实时监听文本框的变化和实现长按事件的处理。详细展示了通过'on'方法结合'inputpropertychange'事件来响应文本框内容的更新，并提供了一段用于监听长按事件的自定义JQuery插件代码。

文章目录

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);
            }
        }