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

เมื่อใช้ jQuery ฉันจะได้รับองค์ประกอบอินพุตที่มีจุดโฟกัส (เคอร์เซอร์) ได้อย่างไร หรือกล่าวอีกนัยหนึ่งว่าจะมีการป้อนข้อมูลอย่างไรหากมีโฟกัสของคาเร็ต?

345 javascript  jquery  cursor  element  caret 

ฉันมี HTML ง่ายๆนี้เป็นตัวอย่าง: <div id="editable" contenteditable="true"> text text text<br> text text text<br> text text text<br> </div> <button id="button">focus</button> ฉันต้องการสิ่งที่ง่าย - เมื่อฉันคลิกปุ่มฉันต้องการวางคาเร็ต (เคอร์เซอร์) ไว้ในตำแหน่งเฉพาะใน div ที่แก้ไขได้ จากการค้นหาบนเว็บฉันได้แนบไฟล์ JS ให้กับการคลิกปุ่ม แต่ไม่ได้ผล (FF, Chrome): var range = document.createRange(); var myDiv = document.getElementById("editable"); range.setStart(myDiv, 5); range.setEnd(myDiv, 5); เป็นไปได้ไหมที่จะตั้งคาเร็ตด้วยตนเองเช่นนี้?

191 javascript  jquery  contenteditable  caret  cursor-position 

คุณจะได้รับตำแหน่ง caret ในการ<textarea>ใช้ JavaScript ได้อย่างไร ตัวอย่างเช่น: This is| a text 7นี้ควรกลับ คุณจะให้มันส่งคืนสตริงรอบ ๆ เคอร์เซอร์ / ส่วนที่เลือกได้อย่างไร 'This is', '', ' a text'เช่น: ถ้าคำว่า“จะ” 'This ', 'is', ' a text'เป็นไฮไลต์แล้วมันก็จะกลับมา

174 javascript  cursor  textarea  caret 

ฉันพบว่าครอสเบราว์เซอร์ที่ดีจำนวนมากปฏิเสธวิธีตั้งค่าตำแหน่งเคอร์เซอร์หรือดัชนีคาเร็ตในcontentEditableองค์ประกอบ แต่ไม่มีวิธีรับหรือหาดัชนี ... สิ่งที่ฉันต้องการจะทำคือการรู้ว่าดัชนีของลูกศรภายใน div keyupนี้บน ดังนั้นเมื่อผู้ใช้พิมพ์ข้อความฉันสามารถรู้ดัชนีเคอร์เซอร์ภายในcontentEditableองค์ประกอบได้ทุกเมื่อ แก้ไข: ฉันกำลังมองหาINDEXภายในเนื้อหา div (ข้อความ) ไม่ใช่พิกัดเคอร์เซอร์ <div id="contentBox" contentEditable="true"></div> $('#contentbox').keyup(function() { // ... ? });

119 javascript  contenteditable  caret  cursor-position 

<input type='text'/>ฉันต้องการให้เข้ากับสไตล์ของตัวชี้มุ่งเน้น โดยเฉพาะสีและความหนา

118 html  css  input  caret 

เอาต์พุตในChrome : <div id="content" contenteditable="true" style="border:1px solid #000;width:500px;height:40px;"> hey <div>what's up?</div> <div> <button id="insert_caret"></button> ฉันเชื่อในFFมันจะมีลักษณะดังนี้: hey <br /> what's up? และในIE : hey <p>what's up?</p> น่าเสียดายที่ไม่มีวิธีที่ดีในการสร้างมันขึ้นมาเพื่อให้ทุกเบราว์เซอร์แทรก<br />แท็กแทน div หรือ p หรืออย่างน้อยฉันก็ไม่พบสิ่งใดทางออนไลน์ อย่างไรก็ตามสิ่งที่ฉันพยายามทำในตอนนี้คือเมื่อฉันกดปุ่มฉันต้องการให้ตั้งเครื่องหมายคาเร็ตไว้ที่ท้ายข้อความดังนั้นควรมีลักษณะดังนี้: hey what's up?| วิธีการทำเช่นนี้จึงทำงานในเบราว์เซอร์ทั้งหมด ? ตัวอย่าง: $(document).ready(function() { $('#insert_caret').click(function() { var ele = $('#content'); var length = ele.html().length; …

111 javascript  html  cross-browser  contenteditable  caret 

วันนี้ฉันวิ่งข้ามตัวดำเนินการคาเร็ตใน python และลองใช้ฉันได้ผลลัพธ์ต่อไปนี้: >>> 8^3 11 >>> 8^4 12 >>> 8^1 9 >>> 8^0 8 >>> 7^1 6 >>> 7^2 5 >>> 7^7 0 >>> 7^8 15 >>> 9^1 8 >>> 16^1 17 >>> 15^1 14 >>> ดูเหมือนว่าจะขึ้นอยู่กับ 8 ดังนั้นฉันจึงคาดเดาการทำงานของไบต์บางประเภท? ดูเหมือนว่าฉันจะหาไซต์ที่ค้นหานี้ไม่ได้มากนักนอกจากจะมีพฤติกรรมแปลก ๆ สำหรับการลอยตัวแล้วใครมีลิงก์ไปยังสิ่งที่ตัวดำเนินการนี้ทำหรือคุณสามารถอธิบายได้ที่นี่

111 python  operators  caret