ครั้งแรกที่ฉันพบข้อกำหนดนี้คือผ่าน Baidu แต่ฉันพบว่าโดยทั่วไปแล้วข้อกำหนดเหล่านี้ถูกนำไปใช้งานโดยใช้ js และความเข้ากันได้แย่มาก
อย่างไรก็ตาม ในกระบวนการค้นหาและทดลองใช้ ฉันพบว่าสามารถใช้งานได้อย่างสมบูรณ์โดยใช้โค้ด CSS เท่านั้น เพียงเพิ่มบรรทัดโค้ดต่อไปนี้ลงในแท็กที่ต้องการคัดลอกเนื้อหา
-webkit-touch-callout: ทั้งหมด;-webkit-user-select: ทั้งหมด;-moz-user-select: ทั้งหมด;-ms-user-select: ทั้งหมด; ผู้ใช้เลือก: ทั้งหมด;
ที่จริงแล้วหมายความว่าไม่มีการจำกัดการทำงานของผู้ใช้ในเนื้อหา และเมนูเริ่มต้นของระบบจะไม่ถูกปิดใช้งาน การกดแบบยาวจะแสดงฟังก์ชันการคัดลอกในตัวของระบบสำหรับการคัดลอก
ใช้ clipboard.js เพื่อใช้งานการวางและคัดลอกบนมือถือclipboard.js เป็นปลั๊กอินที่ทรงพลังมากสำหรับการวางและคัดลอก แต่เมื่อใช้กับเทอร์มินัลมือถือ ปัญหาความเข้ากันได้อาจเกิดขึ้นได้ นี่เป็นวิธีแก้ปัญหาที่ฉันมักใช้
html
<input id=foo1 value=http://www.shellad.com/_2SP__22 (เนื้อหาที่จะคัดลอก) readonly=readonly><div class=the_btn_con><button class=btn data-clipboard-target=#foo1>คัดลอก< /ปุ่ม></div>
เจส
$(function () { var clipboard = new Clipboard('.btn'); //Graceful downgrade: Safari version number >=10, แจ้งว่าการคัดลอกสำเร็จ มิฉะนั้น จะแจ้งว่าคุณต้องเลือกสำเนาด้วยตนเองหลังจาก การเลือกข้อความ clipboard.on ('success', function(e) { alert('Copy สำเร็จ!') console.log($(this)) e.clearSelection(); }); clipboard.on('error', ฟังก์ชั่น (จ) { alert('กรุณาเลือกคัดลอก!') })โปรดทราบว่าฉันใช้ตัวควบคุมอินพุตแทน div หรือ span เมื่อบันทึกเนื้อหาที่จะคัดลอก เนื่องจากในระหว่างการทดสอบ เฉพาะอินพุตเท่านั้นที่มีความเข้ากันได้ดีที่สุด จะไม่ทำให้เกิดปัญหา และสามารถรับประกันการจำลองแบบปกติได้ ในเวลาเดียวกัน ปลั๊กอินไม่รองรับ Safari เวอร์ชันหมายเลข <10 ดังนั้นโปรดทราบเรื่องนี้
สรุปข้างต้นคือการใช้งานฟังก์ชันคัดลอกบนมือถือ HTML5 ฉันหวังว่ามันจะเป็นประโยชน์กับคุณ หากคุณมีคำถามใด ๆ โปรดฝากข้อความถึงฉันแล้วบรรณาธิการจะตอบกลับคุณทันเวลา ฉันอยากจะขอบคุณทุกคนที่ให้การสนับสนุนเว็บไซต์ศิลปะการต่อสู้ VeVb!