监听中文输入

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<input id="txt" type="text"/>
输入<span id=‘info‘></span>字数,有效字符:<span id=‘info_txt‘></span>
<script type="text/javascript">
$(function(){
    var tmp_len = 0;
    var tmp_str = ‘‘;
    var input_reg = /[\u4e00-\u9fa5]/g;
    $("#txt").mousemove(function(){
            var input_str = $(this).val().match(input_reg);
            //如果匹配到了中文
            if(input_str!=null){
                //将匹配到的数组转成字符串
                input_str = input_str.join(‘‘);
            }
            var input_len = $(this).val().length;
            if (input_len != tmp_len && input_str != tmp_len){
                //设置文本款文字
                $(this).val(input_str);
                $("#info").text(input_len);
                $("#info_txt").text(input_str);
            }
            tmp_len = input_len;
            tmp_len = input_str;
    });
});
</script>
时间: 2024-10-24 15:40:19

监听中文输入的相关文章

Android EditText的输入监听,输入字符的动态获取

http://itindex.net/detail/38974-android-edittext-%E7%9B%91%E5%90%AC 有时候我们可能会用到时时的监听EditText输入字符的时时监听,监听字符的个数,做一些正则表达式的处理等.如下方法可以实现: 我做的是时时的把EditeText输入的数据同步到TextView上 布局文件: <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android&

实时监听input输入

oninput 是 HTML5 的标准事件,对于检测 textarea, input:text, input:password 和 input:search 这几个元素通过用户界面发生的内容变化非常有用,在内容修改后立即被触发,不像 onchange 事件需要失去焦点才触发.oninput 事件在主流浏览器的兼容情况如下: 从上面表格可以看出,oninput 事件在 IE9 以下版本不支持,需要使用 IE 特有的 onpropertychange 事件替代,这个事件在用户界面改变或者使用脚本直接

实时监听input输入的变化(兼容主流浏览器)

遇到如此需求,首先想到的是change事件,但用过change的都知道只有在input失去焦点时才会触发,并不能满足实时监测的需求,比如监测用户输入字符数. 在经过查阅一番资料后,欣慰的发现firefox等现代浏览器的input有oninput这一属性,可以用三种方式使用它: 1,内嵌元素方式(属性编辑方式) <input id="test" oninput="console.log('input');" type="text" />

[转] 实时监听input输入的变化(兼容主流浏览器)

遇到如此需求,首先想到的是change事件,但用过change的都知道只有在input失去焦点时才会触发,并不能满足实时监测的需求,比如监测用户输入字符数. 在经过查阅一番资料后,欣慰的发现firefox等现代浏览器的input有oninput这一属性,可以用三种方式使用它: 1,内嵌元素方式(属性编辑方式) <input id="test" oninput="console.log('input');" type="text" />

Libgdx之监听用户输入

做游戏的最重要的是要与用户有交互,怎样与用户交互Ligdx提供了2种方式. Libgdx事件查询(Event Polling) 这种方式主要是Libgdx主动查询当前的状态,通过这种方式我们可以查询键盘输入,鼠标事件,加速器等状态 事实上主动查询事件是在render()方法中调用,意味每一帧我们都会来查询事件状态. 在Libgdx上我们可以获得屏幕点击坐标 Gdx.input.getX() 和 Gdx.input.getY(),注意这时获取的坐标为Touch坐标,我们要通过函数camera.un

监听UITextField输入内容的简单实现

在开发中经常会遇到需要用户输入的情况,比如:登录.注册: 以前的做法是如果用户没有输入内容,点击了登录按钮,弹出一个警告"内容为空", 更友好的做法是,在用户完成必须填写的内容后,登录按钮才可点击, 效果如下图: 这就需要监听textField中输入的内容,很容易想到去UITextField代理方法里寻找答案,这里有一个简单的方式来实现: <span style="font-size:14px;">- (void)viewDidLoad { _telTe

微信小程序监听input输入并取值

小程序的事件分为两种,冒泡和非冒泡事件,像<form/>的submit事件,<input/>的input事件,<scroll-view/>的scroll事件等非冒泡事件,需要到组件的文档里去找,如下是我截图的一些常用的非冒泡事件 非冒泡事件:当一个组件上的事件被触发后,该事件不会向父节点传递. 想要实时监听input的输入只要使用bindinput就可以了, wxml: <input bindinput='watchPassWord' type='password

使用jQuery监听扫码枪输入并禁止手动输入的实现方法

基于jQuery的扫码枪监听.如果只是想实现监听获取条码扫码信息,可以直接拿来使用,如果有更多的条码判断处理逻辑需要自己扩展.一.功能需求 使用扫码枪扫描条码,在一个web页面监听获取扫码枪的数据,并禁止用户进行手动的输入操作. 开始的想法非常简单,因为扫码枪就是模拟键盘的输入,当他用usb接口插入电脑的时候,就变成了一个外接的输入设备,用js监听就可以了.但是如何判断用户是否为手动输入就需要做一些处理了.二.主要问题 1.如何判断是否手动输入 2.如何判断一个条码输入完成三.解决方案 手动输入

jq监听textarea输入事件

<textarea name="content" id="content" style="width:345px;height:120px;"></textarea><div id="contentwordage"></div> <script type="text/javascript"> $(document).ready(function()