easyUI textbox 绑定keyup事件

最新推荐文章于 2021-06-02 11:44:13 发布

白不懂黑的静

最新推荐文章于 2021-06-02 11:44:13 发布

阅读量4.4k

点赞数

分类专栏： js 文章标签： easyui textbox keyup

本文链接：https://blog.csdn.net/yyj108317/article/details/80652591

版权

js 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

工程中前端框架为easyui，需求是当一个input（easyui 的textbox）中输入内容后，自动转换为大写，因此需要给这个input绑定keyup事件，而easyui貌似不支持像一般的input直接绑定keyup事件，在网上也看到很多，很多在本地测试后都没有效果，最终找到解决方案，如下：

前端jsp代码

<td align="left"><input type='text' name='mingCheng' id="mingCheng" class="easyui-textbox" style="width: 155px;"   data-options="required:true, validType:'multipleValidType[\'length[0,100]\',\'dirtyChar\',\'sqlKey\']', prompt:'请填写名称'" ></td>

js代码：

$(function(){
//项目名称自动转换为大写
   $('#mingCheng').textbox('textbox').bind('keyup', function() {
                var tempValue = $(this).val();
                if(null != tempValue && '' != tempValue && undefined != tempValue){
                   tempValue = tempValue.toUpperCase();
                   $("#mingCheng").textbox('setValue',tempValue);
                }
   });
});