【问题标题】:ionic keyboard go button to next button离子键盘转到按钮到下一个按钮
【发布时间】:2016-12-05 14:41:52
【问题描述】:

参考:Change go button to next button in android

我正在使用 Ionic 框架开发带有注册页面的应用程序。

是否有任何选项可以将 go 按钮替换为 next 按钮?我想使用键盘上的下一个按钮将光标从一个字段移动到另一个字段。

【问题讨论】:

  • 我看到取消按钮 Sara
  • 在离子页脚中添加了取消按钮以取消注册页面。是否有任何选项可以将 Go 按钮更改为下一个按钮以移动光标?

标签: android ionic-framework


【解决方案1】:

您可以使用以下参考来满足您对 ionic 的要求。以下代码适用于cordova

    (function($) {
    $.fn.enterAsTab = function(options) {
        var settings = $.extend({
            'allowSubmit': false
        }, options);
        this.find('input, select, textarea, button').live("keypress", {localSettings: settings}, function(event) {
            if (settings.allowSubmit) {
                var type = $(this).attr("type");
                if (type == "submit") {
                    return true;
                }
            }
            if (event.keyCode == 13) {
                var inputs = $(this).parents("form").eq(0).find(":input:visible:not(disabled):not([readonly])");
                var idx = inputs.index(this);
                if (idx == inputs.length - 1) {
                    idx = -1;
                } else {
                    inputs[idx + 1].focus(); // handles submit buttons
                }
                try {
                    inputs[idx + 1].select();
                }
                catch (err) {
                    // handle objects not offering select
                }
                return false;
            }
        });
        return this;
    };
})(jQuery);

要添加下一个按钮,您可以参考以下链接: How to add Next button in Ionic soft keyboard plugin

【讨论】:

    猜你喜欢
    • 2016-12-03
    • 1970-01-01
    • 1970-01-01
    • 2013-05-17
    • 2011-08-13
    • 1970-01-01
    • 2017-01-31
    • 2013-03-14
    • 2013-09-12
    相关资源
    最近更新 更多