Easy UI 下拉框绑定【失去焦点】事件并设置焦点的方法以及按下【Tab键】触发事件指定下一焦点的位置

摘要:
“);$.next().children().focus();returnfalse{varcurrKey=0,e=e||事件;currKey=e.keyCode||e.which||e.charCodeif{varfocus_id=document.activeElement.id;//_easyu_textbox_input23varcomId=focus_id;if(focus_id.indexOf(”easyu_textbox _input“)!=-1){comId=$.attr如果{varCRNCY_CODE=$.val();如果{ShowInfoBox()数据不能为空,请输入!

1.下拉框绑定失去焦点事件并设置焦点的方法:

$("#ID").next().children().blur(function () {

        var ID= $("#ID").val();

        if (ID== "") {

            ShowInfoBox("资料不允许为空,请输入!");

            $("#ID").next().children().focus();

            return false;

        }

    });

2.下拉框Tab键触发事件指定下一焦点的位置:

2.1  方法一:

    $("#ID").next().children().keydown(function () {
        var oEvent = window.event;
        if (oEvent.keyCode == '9') {
            oEvent.keyCode = 0;
            oEvent.returnValue = false;
            //alert("你按下了Tab键");
            var ID= $("#ID").val();
            if (ID == "" || ID == null || ID == undefined) {
                ShowInfoBox("资料不允许为空,请输入!");
                $("#ID").next().children().focus();
                return false;
            }
        }
    });

注意:Easy UI 的下拉框比较特殊,我发现这种编码方式在一个页面中使用多个选项卡的情况下,只在第一个选项卡中这个方法有效果,后面的选项卡没有效果(还未找到原因,知道原因的朋友,望评论区告知,谢谢),所以后来我采取了下面的这种方法

2.2  方法二:

document.onkeydown = function (e) {
        var currKey = 0, e = e || event;
        currKey = e.keyCode || e.which || e.charCode

        if (currKey == 9) {
            var focus_id = document.activeElement.id; // _easyui_textbox_input23
            var comId = focus_id;
            if (focus_id.indexOf("easyui_textbox_input") != -1) {
                 comId = $($('#' + focus_id).parent().parent().find('input')[0]).attr('id');
            }

            if (comId == "AE_CRNCY_CODE") {
                var CRNCY_CODE = $("#AE_CRNCY_CODE").val();
                if (CRNCY_CODE == "" || CRNCY_CODE == null || CRNCY_CODE == undefined) {
                    ShowInfoBox("资料不允许为空,请输入!", 1, "AE_CRNCY_CODE_focus");
                    //$("#AE_CRNCY_CODE").next().children().focus();
                    return false;
                }
            }
        }
}

免责声明:文章转载自《Easy UI 下拉框绑定【失去焦点】事件并设置焦点的方法以及按下【Tab键】触发事件指定下一焦点的位置》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇.net Aspose.Words word插入表格Xshell不能连接SSH的解决(附Kali2.0 SSH连接)下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

ElementUI的el-select怎样实现下拉多选并实现给下拉框赋值和获取值

场景 要实现的效果如下 官方示例代码实现多选 为el-select设置multiple属性即可启用多选,此时v-model的值为当前选中值所组成的数组。 默认情况下选中值会以 Tag 的形式展现,你也可以设置collapse-tags属性将它们合并为一段文字。 <template> <el-select v-model="valu...

jquery对下拉框的操作

<script type="text/javascript"></script> jQuery对下拉框的操作 /获取第一个option的值 $('#test option:first').val(); //最后一个option的值 $('#test option:last').val(); //获取第二个option的值 $('#t...

js给select下拉框赋值触发change事件

感谢作者的无私分享! 版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本文链接:https://blog.csdn.net/Tong__wei/article/details/96289555HTML: <select οnchange="selectChange()">     <...

下拉框处理(select)

转:http://www.imdsx.cn/index.php/2017/12/04/select/ 在UI自动化测试过程中,经常会遇到一些下拉框,我们有三种可选方式来操作下拉框。 第一种方法 基于webdriver的两次click,很容易出现问题,不建议使用。(由于部分下拉框在点击一次后,失去焦点再点下一次时可能下拉框中的参数就消失了,那么就无法进行选择...

[ PyQt入门教程 ] PyQt5基本控件使用:单选按钮、复选框、下拉框、文本框

本文主要介绍PyQt5界面最基本使用的单选按钮、复选框、下拉框三种控件的使用方法进行介绍。 1、RadioButton单选按钮/CheckBox复选框。需要知道如何判断单选按钮是否被选中。 2、ComboBox下拉框。需要知道如何对下拉框中的取值进行设置以及代码实现中如何获取用户选中的值。 带着这些问题下面开始介绍这RadioButton单选按钮、Chec...

使用layui框架的select获取选中的值

在使用时需要注意:select标签的外层需要加上类名".layui-form" 接下来就是根据需求来改变下拉框的内容了,直接给select的option重新赋一次值,记得加上对应的value属性。这里要和layui.js动态加上的dd标签的lay-value属性一致 重点来了!!!如何获取下拉框选中的值呢?图又来了 当然也可以,通过option的va...