masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > html tutorial > html中input输入框修改后自动跳到最后一个字符的实例

html中input输入框修改后自动跳到最后一个字符的实例

黄舟
Lepaskan： 2017-10-23 09:58:34
asal
3529 orang telah melayarinya

html中input输入框修改后自动跳到最后一个字符的实例

<input class="m-form-control" onpaste="return false" placeholder="直播间名称" 
name="name" onkeyup="this.value=this.value.replace(/[^\u4e00-\u9fa5|\u0000-\u00ff|\u3002|\uFF1F|
\uFF01|\uff0c|\u3001|\uff1b|\uff1a|\u3008-\u300f|\u2018|\u2019|\u201c|\u201d|\uff08|\uff09|\u2014|\u2026|\u2013|\uff0e]/g,&#39;&#39;)" 
onafterpaste="this.value=this.value.replace(/[^\u4e00-\u9fa5|\u0000-\u00ff|\u3002|\uFF1F|\uFF01|\uff0c|\u3001|
\uff1b|\uff1a|\u3008-\u300f|\u2018|\u2019|\u201c|
\u201d|\uff08|\uff09|\u2014|\u2026|\u2013|\uff0e]/g,&#39;&#39;)">
Salin selepas log masuk

有三个事件，一个onpaste用来禁止粘贴，剩下两个用来去掉特殊的字符，原因出在replace,replace替换后会像重新输入一样，所以光标会在最后

解决，把replace事件在失去光标的时候触发

Atas ialah kandungan terperinci html中input输入框修改后自动跳到最后一个字符的实例. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
html input 自动
sumber：php.cn
Artikel sebelumnya：HTML5 桌面通知 Notification API 用法 Artikel seterusnya：html中关于头部标签的总结
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Tidak dapat mendapatkan elemen input daripada tapak web Jadi saya cuba mendapatkan elemen input daripada Twitter tetapi apabila saya menjalankanny...
daripada 2024-04-06 18:59:57
0
1
442
Acara tuding JavaScript pada elemen pseudo khusus vendor 我有以下htmlinput标签。$("input[type='range']::-webkit-slider-thumb").on('hover',functi...
daripada 2024-04-06 15:35:24
0
1
274
Paparkan tatasusunan objek bersarang dalam jadual HTML dengan mengulang Saya mempunyai input berikut yang mengandungi pelbagai objek bersarang. summary ialah tata...
daripada 2024-04-05 14:11:42
0
1
1373
Biarkan React memberikan teg penutup input? Saya mempunyai permintaan yang luar biasa. Tapak web saya dibina menggunakan React dan say...
daripada 2024-04-03 23:01:01
0
1
320
Pemalam Shopware 6: Cara mengalih keluar konfigurasi boolean dan memindahkannya ke konfigurasi berbilang pilih Saya mempunyai pemalam Shopware6 yang pada masa ini dikonfigurasikan dengan nilai ulasanSk...
daripada 2024-04-03 23:09:28
0
1
410
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan