首页 / JAVASCRIPT / javascript-Phonegap-确定确切的元素处于活动状态

javascript-Phonegap-确定确切的元素处于活动状态

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-Phonegap-确定确切的元素处于活动状态，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1495字，纯文字阅读大概需要3分钟。

内容图文

我需要更改我的phonegap项目的后退按钮功能,而我已经成功完成了该操作,没有任何问题.现在唯一的问题是,我需要根据用户是否选择了某个字段来进一步更改功能.

基本上,如果用户单击ID为“ date-selector1”的字段,则需要完全禁用后退按钮.

我试图使用document.activeElement,但是它只返回元素的类型(在这种情况下为输入),但是我仍然希望功能在常规输入中时起作用,而不是在常规输入中时起作用.一个特定的ID.

编辑
我尝试了以下所有建议,但最终获得了以下代码,但仍然没有成功.

function pluginDeviceReady() {
document.addEventListener("backbutton", onBackKeyDown, false);
}

function onBackKeyDown() {
    var sElement = document.activeElement;
    var isBadElement = false;
    var eList = ['procedure-date', 'immunization-date', 'lab-test-done', 'condition-onset', 'condition-resolution', 'medication-start-date', 'medication-stop-date', 'reaction-date'];
   console.log("[[ACTIVE ELEMENT: --> " + document.activeElement + "]]");
   for (var i = 0;i < eList.length - 1;i++) {
        if (sElement == $(eList[i])[0]) {
            isBadElement = true;
        }
    }
    if (isBadElement) {
        console.log('Back button not allowed here');
    } else if ($.mobile.activePage.is('#main') || $.mobile.activePage.is('#family') || $.mobile.activePage.is('#login')) {
        navigator.app.exitApp();
    } else {
        navigator.app.backHistory();
    }
}

解决方法:

如果您正在监听后退按钮,则可以添加以下if语句：

if (document.activeElement == $("#date-selector1")[0]) { 
    /*disable button here, return false etc...*/ 
}

甚至更好(感谢乔纳森·桑普森)

if (document.activeElement.id === "date-selector1") { 
    /*disable button here, return false etc...*/ 
}

内容总结

以上是互联网集市为您收集整理的javascript-Phonegap-确定确切的元素处于活动状态全部内容，希望文章能够帮你解决javascript-Phonegap-确定确切的元素处于活动状态所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/655569.html

来源：【匿名】