在 Cordova 应用程序中禁用文本选择输入

Posted

技术标签:

【中文标题】在 Cordova 应用程序中禁用文本选择输入【英文标题】:Disable text select for input in Cordova app 【发布时间】:2019-02-19 10:19:06 【问题描述】:

我正在尝试禁止在 Cordova 应用程序中复制密码,即使您按“显示密码”也是如此。我找不到解决方案。这是我到目前为止所尝试的。

.password 
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

我已经在三星 S9 上测试了我的应用。

【问题讨论】:

您是否将密码类应用于您的密码输入? 【参考方案1】:

There are some known issues with user-select。您的设备可能存在这些问题。一些浏览器以稍微不同的方式实现这个规范。

由于您使用的是 Cordova 应用程序,因此如果您想确保获得一致的体验,您可能想尝试使用 javascript 解决此问题。

【讨论】:

【参考方案2】:

试试这个

$('input').bind('copy paste', function(e) e.preventDefault(); );

如果也应该防止复制,那么:

$('input').bind('copy', function(e)  e.preventDefault(); );

这是 Jquery,应该可以解决您的问题。

【讨论】:

以上是关于在 Cordova 应用程序中禁用文本选择输入的主要内容,如果未能解决你的问题,请参考以下文章

如何在 Cordova Android 应用程序中禁用复制粘贴、拼写检查、自动完成

禁用输入,允许点击文本框

在 iOS 7 WebView 上的 HTML 输入控件中选择文本时如何删除或禁用“定义”选项?

在 phonegap 网络应用程序(android)中禁用部分文本选择

在 Chromium Embedded 中禁用文本选择?

使用 JS 在混合应用程序中禁用文本选择和复制粘贴