คำถามติดแท็ก draggable

8
การป้องกันไม่ให้ภาพลากหรือเลือกได้โดยไม่ต้องใช้ JS
มีใครรู้วิธีทำให้รูปภาพไม่สามารถลากและเลือกไม่ได้พร้อมกันใน Firefox โดยไม่ต้องใช้ Javascript ดูเหมือนจะไม่สำคัญ แต่นี่คือปัญหา: 1) สามารถลากและเน้นใน Firefox: <img src="..."> 2) เราจึงเพิ่มสิ่งนี้ แต่ยังสามารถไฮไลต์ภาพได้ขณะลาก: <img src="..." draggable="false"> 3) เราจึงเพิ่มสิ่งนี้เพื่อแก้ไขปัญหาการไฮไลต์ แต่ในทางตรงกันข้ามภาพจะลากได้อีกครั้ง แปลกฉันรู้! ใช้ FF 16.0.1 <img src="..." draggable="false" style="-moz-user-select: none;"> มีใครรู้บ้างว่าทำไมการเพิ่ม "-moz-user-select: none" จะทำให้ดีกว่าและปิดใช้งาน "draggable = false" หรือไม่? แน่นอนว่า webkit ทำงานได้ตามที่คาดไว้ ไม่มีอะไรอยู่ใน Interwebs เกี่ยวกับเรื่องนี้ ... มันจะดีมากถ้าเราสามารถส่องแสงในเรื่องนี้ด้วยกัน ขอบคุณ !! แก้ไข: นี่เป็นเรื่องเกี่ยวกับการป้องกันไม่ให้องค์ประกอบ UI …
132 css  html  firefox  draggable 

7
ฉันจะสร้าง jQuery UI 'draggable ()' div draggable สำหรับหน้าจอสัมผัสได้อย่างไร
ฉันมี jQuery UI draggable()ที่ใช้งานได้ใน Firefox และ Chrome โดยพื้นฐานแล้วแนวคิดส่วนติดต่อผู้ใช้คือการคลิกเพื่อสร้างรายการประเภท "โพสต์อิท" โดยทั่วไปฉันคลิกหรือแตะที่div#everything(สูงและกว้าง 100%) ที่รับฟังการคลิกและพื้นที่ข้อความที่ป้อนจะปรากฏขึ้น คุณเพิ่มข้อความจากนั้นเมื่อคุณทำเสร็จแล้วจะบันทึก คุณสามารถลากองค์ประกอบนี้ไปรอบ ๆ ใช้งานได้บนเบราว์เซอร์ปกติ แต่บน iPad ฉันสามารถทดสอบได้โดยไม่สามารถลากรายการไปมาได้ ถ้าฉันแตะเพื่อเลือก (มันจะหรี่ลงเล็กน้อย) ฉันจะลากมันไม่ได้ มันจะไม่ลากไปทางซ้ายหรือขวาเลย ฉันสามารถลากขึ้นหรือลงได้ แต่ฉันไม่ได้ลากทีละdivหน้าฉันกำลังลากทั้งหน้าเว็บ นี่คือรหัสที่ฉันใช้เพื่อจับการคลิก: $('#everything').bind('click', function(e){ var elem = document.createElement('DIV'); STATE.top = e.pageY; STATE.left = e.pageX; var e = $(elem).css({ top: STATE.top, left: STATE.left }).html('<textarea></textarea>') .addClass('instance') .bind('click', function(event){ …
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.