propertychange方法

1.html文件

<td>  <input id="clientPhone" type="text" name="clientPhone" style="width:150px;"
     class="easyui-textbox" data-options="required:true" >      <span id="hidd">已输入<span id="txtNum">0</span>位 </span>  </input>  </td>

2.js方法

$(‘#clientPhone‘).next().children().on("input propertychange",function(){
        var clientValue = $(‘#clientPhone‘).next().children().val();
             $(‘#txtNum‘).text(clientValue.length);

    });
时间: 2024-10-17 11:53:44

propertychange方法的相关文章

即时反应的input和propertychange方法

之前遇到一个问题,显示输入框中的文字个数 首先,看到这个问题,我首先想到的就是使用keyup触发事件,然而当我巴拉巴拉敲完代码,测试的时候,发现对于ios系统无用,so,各种查阅资料.找到了一种快捷方便的方法,分享给大家: propertychange 和 input 事件: 1)propertychange只要当前对象的属性发生改变就会触发该事件 2)input是标准的浏览器事件,一般应用于input元素,当input的value发生变化就会发生,无论是键盘输入还是鼠标黏贴的改变都能及时监听到

【插件开发】—— 11 窃听风云(Java事件监听原理-GEF实例讲解)

前文回顾: 1 插件学习篇 2 简单的建立插件工程以及模型文件分析 3 利用扩展点,开发透视图 4 SWT编程须知 5 SWT简单控件的使用与布局搭配 6 SWT复杂空间与布局搭配 7 SWT布局详解 8 IPreferenceStore使用详解 9 编辑器代码着色 10 JFace开发 事件的监听,是插件开发中的重要环节,每一次的点击或者按键都有可能触发某种事件的响应,那么是如何实现的呢? 对于某种被监听模型,通常需要添加一个监听队列. 监听者需要通过某种方式,加入到这个监听队列中. 当这个模

PropertyChangeSupport 观察者模式的应用

PropertyChangeSupport 类实现的监听器功能 ,它是java jdk自带的一个类,用于监听某个对象属性的改变来触发相应信息,具体看代码介绍 import java.beans.PropertyChangeEvent; import java.beans.PropertyChangeListener; import java.beans.PropertyChangeSupport; class EventSource { private String name; /* * 在事件

精简版web浏览器

import javax.swing.JFrame; import javax.swing.JEditorPane; import javax.swing.event.HyperlinkListener; import java.beans.PropertyChangeListener; import javax.swing.event.HyperlinkEvent; import java.beans.PropertyChangeEvent; import javax.swing.JEdito

jQuery监控文本框事件并作相应处理的方法

本文实例讲述了jQuery监控文本框事件并作相应处理的方法.分享给大家供大家参考.具体如下: //事情委托 $(document)  .on('input propertychange', '#query', function(){   var input = $(this).val();   show(input);  });  var show = function(txt){   var info = '监听:<b>' + txt + '</b><br /><

用面向对象解决 输入用户名自动显示邮箱后缀列表的方法

---恢复内容开始--- 当我们注册或者登录要用邮箱格式时会显示邮箱后缀的提示下拉框 效果如图所示 主要介绍了JS输入用户名自动显示邮箱后缀列表的方法,可实现自动显示邮箱后缀名列表的功能, 原理是:一个输入框 当我输入任何字的时候 自动下拉相应的邮箱提示,在输入框输入11的时候 下拉框有所有11的邮箱 输入其他的时候 有其他文案对应的邮箱. 同理 此插件不需要任何html标签,只需要一个输入框 有相对应的id类名就ok 且父级有个class类名,其他的都不需要.内部的HTML代码都是自动生成的

change,propertychange,input事件小议

github上关于mootools一个issue的讨论很有意思,所以就想测试记录下.感兴趣的可以点击原页面看看. 这个问题来自IE(LTE8)中对checkbox和radio change事件的实现问题,在IE(LTE8)中测试下来,当你点击一个checkbox或者radio,它的change事件是不会立即触发,除非你让它失去焦点,而在其他标准浏览器中(包括IE9),是点击后立即触发change事件的,这的确是个蛋疼的问题,说到解决方法,倒也比较容易,用IE(LTE8)中元素特有的propert

IE9浏览器onpropertychange和oninput事件对delete键和剪切不触发问题解决方法

一.问题 对于输入框实时监听,常用oninput事件,低版本的IE浏览器使用onpropertychange事件.但是还有一点瑕疵就是IE9对于输入框的剪切和delete键的操作没有任何反应,这是一件非常悲伤的事情. 二.方法 亮点:keyUp监听delete和剪切,手动触发事件 代码: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>

【整合】input标签JS改变Value事件处理方法

某人需要在时间控件给文本框赋值时,触发事件函数.实现的效果: 1.文本框支持手工输入,通过用户输入修改值,手工输入结束后触发事件.阻塞在于失去焦点后才触发(输入过程中不触发事件) 2.通过JS方法修改值,修改后触发事件.重点阻塞在于此(JS赋值要触发) 最终采用方案: 1.IE(IE8及以下)下使用onpropertychange实现JS赋值后触发事件 2.需求是手工输入结束后才触发事件,避免在文本框实时输入文字的时候也因为onpropertychange触发事件,在trriger之前判断当前焦