easyui tagbox 自动触发回车事件

Mir2

于 2018-02-02 10:53:08 发布

阅读量2.1k

点赞数

分类专栏： JavaScript 文章标签： easyui tagbox jquery 事件

本文链接：https://blog.csdn.net/zaqwsx20/article/details/79231984

版权

JavaScript 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

新版本的 easyui 加入了 tagbox 控件，允许用户通过回车分隔的方式输入多项数据。但这个控件有一些不便，就是每输入完一项必须按回车键确认，用户很容易在输入完最后一项后忘记按回车就直接提交表单，导致最后一项数据没有录入。

要解决这个问题可以在用户提交表单时用 JQuery 模拟一个 tagbox 的回车事件，确保最后一项数据被保存。代码如下：

// 模拟 tagbox 的回车按下，确保数据录入。注意每次触发都要用新生成的 Event 对象，不能重复使用。
$('#tagbox1').tagbox('textbox').trigger($.Event("keydown", {keyCode: 13}));
$('#tagbox2').tagbox('textbox').trigger($.Event("keydown", {keyCode: 13}));