读写剪切板 系统 剪切板 navigator.clipboard.writeText(inputVal)
https://developers.weixin.qq.com/miniprogram/dev/api/clipboard.html#wxsetclipboarddataobject
ClipboardEvent.clipboardData - Web API 接口参考 | MDN https://developer.mozilla.org/zh-CN/docs/Web/API/ClipboardEvent/clipboardData
<body>
<input type="text" id="myInput">
</body>
<script>
const target = document.getElementById('myInput');
target.addEventListener('input', (event) => {
let inputVal = target.value;
navigator.clipboard.writeText(inputVal);
});
</script>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<link
href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.6.1/css/bootstrap.min.css"
rel="stylesheet"
/>
<body>
<div class="container">
<div style="padding: 100px 100px 10px">
<form class="bs-example bs-example-form" role="form">
<div class="input-group">
<input
type="text"
class="form-control"
placeholder="code"
id="myInput"
/>
</div>
</form>
</div>
<h2 id="myShow" style="text-align: center"></h2>
</div>
</body>
<script>
const al = [
"a1ā",
"a2á",
"a3ǎ",
"a4à",
"o1ō",
"o2ó",
"o3ǒ",
"o4ò",
"e1ē",
"e2é",
"e3ě",
"e4è",
"i1ī",
"i2í",
"i3ǐ",
"i4ì",
"u1ū",
"u2ú",
"u3ǔ",
"u4ù",
"v1ǖ",
"v2ǘ",
"v3ǚ",
"v4ǜ",
"n1ṉ",
"n2ń",
"n3ň",
"n4ǹ",
"g1ḡ",
"g2ǵ",
"g3ǧ",
"g4ġ",
"r1ṙ",
"r2ŕ",
"r3ř",
"r4ṟ",
];
const len = al.length;
const target = document.getElementById("myInput");
const myShow = document.getElementById("myShow");
target.addEventListener("input", (event) => {
let inputVal = target.value;
// navigator.clipboard.writeText(inputVal);
let c = [];
for (i = 0; i < len; i++) {
let v = al[i];
if (v.indexOf(inputVal) > -1) {
c.push(v.replace(inputVal, ""));
}
}
const ret=c.join('<br>');
navigator.clipboard.writeText(ret);
myShow.innerHTML = ret;
});
</script>
</html>
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识（上）
· 浏览器原生「磁吸」效果！Anchor Positioning 锚点定位神器解析
· 没有源码，如何修改代码逻辑？
· 全程不用写代码，我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· MongoDB 8.0这个新功能碉堡了，比商业数据库还牛
· .NET10 - 预览版1新功能体验（一）
2017-08-25 事件调度 单调时钟的值（以小数秒为单位），即不能倒退的时钟。时钟不受系统时钟更新的影响
2017-08-25 广告 竞价排名 import Levenshtein as Le seqratio_res = Le.seqratio(chk_name_lsit, cmp_)
2017-08-25 string edit distances and similarities
2016-08-25 queue
2016-08-25 a loosely strongly typed language