更新记录

1.0.0(2021-07-20) 下载此版本

  • 第一版

平台兼容性

input-no-keybord

input聚焦但不弹出虚拟键盘。导入按照示例使用即可

聚焦不弹键盘实现有三种方案:

  1. 使用 input 新属性,inputmode="none"。效果最好,但是其兼容性太差。
    • 需要 Android webview 91+
    • 需要 iOS 13+
  2. 监听键盘弹出,随即设置键盘收起,兼容性好,但是有较大弊端:
    • 虚拟键盘会先弹出再收回
  3. 使用 keybord-listener 插件实现。详情
    • 配合一个假的 input,实现输入但是不弹出虚拟键盘
    • 兼容性也不太好,有些设备上虽然会触发callback,但是没有按键内容

本插件使用前两种组合实现

示例

<template>
    <input-no-keybord v-model="value" placeholder="input-no-keybord" class="hahaha" :style="{border:'1px solid #000'}"
        style="width: 200px;" @input="input">
    </input-no-keybord>
</template>

<script>
    export default {
        data() {
            return {
                value: ""
            }
        },
        methods: {
            input(e) {
                console.log("e ************: ", e);
            }
        }
    }
</script>

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问