HTML5 mengimplementasikan fungsi salinan seluler

Pertama kali saya menemukan permintaan ini adalah melalui berbagai Baidu, tetapi saya menemukan bahwa permintaan tersebut pada dasarnya diimplementasikan menggunakan js, dan kompatibilitasnya sangat buruk.

Namun, dalam proses mencari dan mencoba, saya menemukan bahwa itu dapat diimplementasikan sepenuhnya hanya dengan kode CSS. Cukup tambahkan baris kode berikut ke tag yang perlu disalin konten.

 -webkit-sentuh-callout: semua;-webkit-pilih-pengguna: semua;-moz-pilih-pengguna: semua;-ms-pilih-pengguna: semua;pilih-pengguna: semua;

Faktanya, ini berarti pengoperasian konten oleh pengguna tidak dibatasi, dan menu default sistem tidak dinonaktifkan. Menekan lama akan menampilkan fungsi penyalinan milik sistem.

clipboard.js adalah plugin yang sangat kuat untuk menempel dan menyalin, tetapi ketika digunakan pada terminal seluler, masalah kompatibilitas mungkin timbul. Inilah solusi yang sering saya gunakan.

html

 <input id=foo1 value=http://www.shellad.com/_2SP__22 (konten yang akan disalin) readonly=readonly><div class=the_btn_con><button class=btn data-clipboard-target=#foo1>Salin< /tombol></div>

js

 $(function () { var clipboard = new Clipboard('.btn'); //Penurunan versi yang mudah: nomor versi Safari >=10, menandakan penyalinan berhasil; jika tidak, Anda perlu memilih penyalinan secara manual setelahnya memilih teks clipboard.on ('success', function(e) { alert('Copy berhasil!') console.log($(this)) e.clearSelection(); }); clipboard.on('error', fungsi(e) { alert('Silakan pilih salin untuk disalin!') });

Perhatikan bahwa saya menggunakan kontrol input alih-alih div atau span saat menyimpan konten yang akan disalin. Sebab, pada saat pengujian, hanya input yang memiliki kompatibilitas terbaik, tidak akan menimbulkan masalah, dan dapat menjamin replikasi normal. Pada saat yang sama, plugin ini tidak mendukung Safari dengan nomor versi <10, jadi harap perhatikan hal ini.

Di atas adalah implementasi HTML5 dari fungsi salinan seluler yang diperkenalkan oleh editor. Saya harap ini dapat membantu Anda. Jika Anda memiliki pertanyaan, silakan tinggalkan pesan kepada saya dan editor akan membalas Anda tepat waktu. Saya juga ingin mengucapkan terima kasih kepada semua orang atas dukungan Anda terhadap situs seni bela diri VeVb!