[Javascript, Web ASP.net]อยากทราบวิธีหาตำแหน่งที่ cursor กระพริบใน TextBox
จะทำเพื่ออะไรครับ อยากรู้วัตถุประสงค์ครับ
Date :
2012-06-14 13:08:03
By :
mr.win
คือว่าผมมี grid ตัวนึง มี column ที่เป็น textbox อยู่ 2 column ชื่อ debit กับ credit อยู่ติดกัน
หลังจากค้นหา grid ผมจะแสดงรายการ ออกมาเยอะ ซึ่ง user ต้องการให้แค่ลูกศร up down right left arrow แล้วสามารถข้ามไปยังอีก textbox นึงได้ (user บอกว่าขี้เกียจเลื่อนมือไปจับเมาส์แล้วกดที่ textbox)
ผมลอง up down arrow ผมทำได้แล้ว แต่ติดที่ left กับ right arrow ซึ่งผมต้องหาก่อนว่า cursor อยู่ที่ตัวแรกหรือตัวสุดท้ายของ textbox ก่อนที่จะย้าย cursor ไปยัง textbox ถัดไปหรือก่อนหน้า
Date :
2012-06-14 13:35:58
By :
anikus
Code (JavaScript)
<html>
<head>
<script language="javascript">
var txt1;
var lblPosition;
function getSelectionStart(o) {
if (o.createTextRange) {
var r = document.selection.createRange().duplicate()
r.moveEnd('character', o.value.length)
if (r.text == '') return o.value.length
return o.value.lastIndexOf(r.text)
} else return o.selectionStart
}
function page_load() {
txt1 = document.getElementById("txt1");
lblPosition = document.getElementById("lblPosition");
}
function update() {
lblPosition.innerHTML = getSelectionStart(txt1);
}
</script>
</head>
<body onload="page_load()">
<input type ="text" id="txt1" value = "thaicreate.com"
onclick="update()"
onkeyup="update()"
onkeydown="update()"
onkeypress="update()"
onmouseup="update()"
onmousedown="update()"
/><br />
position : <span id="lblPosition" >0</span>
</body>
</html>
โค้ดเต็มๆอยู่ที่
http://javascript.nwbox.com/cursor_position/
ลอง view source code แล้วแกะดูครับ
Date :
2012-06-14 14:41:11
By :
SandKing
Load balance : Server 05