Ionic Cordova App 如何在离子输入字段中禁用复制和粘贴答案

【问题标题】：Ionic Cordova App How to Disable Copy & Paste in Ion-Input FieldIonic Cordova App 如何在离子输入字段中禁用复制和粘贴
【发布时间】：2020-07-27 03:56:09
【问题描述】：

我尝试了将 CSS 样式应用于输入字段的解决方案，但它不起作用。我可以知道还有其他建议的方法吗？

.registration-input-box > input {
    --ion-color-success: transparent;
    -webkit-touch-callout: none;    
    -webkit-user-select: none;
    -ms-touch-callout: none;
    -ms-user-select: none;
    -moz-touch-callout: none;
    -moz-user-select: none;
}

<ion-input type="tel" pattern="[0-9]*" class="registration-input-box"></ion-input>

【问题讨论】：

您可以监听事件并在事件被调用时取消动作。我认为这个帖子可以帮助你：stackoverflow.com/questions/47384952/…

标签： ionic-framework

【解决方案1】：

我遇到了同样的问题，似乎 ionic 对此没有快速选项，但我发现我们可以将这个 HTML 事件属性添加到标签中，这样我们就可以防止用户复制、粘贴、拖放或拖放输入字段中的文本。

onPaste = "返回 false"
onCopy = "返回 false"
onCut = "返回 false"
onDrag = "返回 false"
onDrop = "返回 false"
自动完成 = 关闭

<ion-input onPaste="return false" 
           onCopy="return false" 
           onCut="return false" 
           onDrag="return false" 
           onDrop="return false" 
           autocomplete=off 
           type="tel" pattern="[0-9]*"></ion-input>

【讨论】：