A. javaScript如何獲取游標所在的文本框的name
這個有點難度。如果使用jquery獲取就會很簡單。用js的話。暫時沒有想到。
要不然你可以內給文本框加個容onfocus事件。例如這樣:
<input type="text" name="yes" onfocus="GetYes(this)">
js代碼寫成下面這樣。
function GetYes(obj) {
alert("文本框的名字是:"+obj.name);
}
B. js如何獲取滑鼠指針在元素中的坐標
代碼如下:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>獲取滑鼠在Canvas中的坐標位置</title>
<style>
#canvas{
border:1px solid #ccc;
width:300px;
height:300px;
overflow:hidden;
}
</style>
<script>
functionget_canvas(ev,obj){
m_clientX =ev.clientX-obj.offsetLeft;
m_clientY = ev.clientY-obj.offsetTop;
document.getElementById("tips").innerHTML = "當前坐標:X:"+ m_clientX + " ,Y:" +m_clientY;
}
</script>
</head>
<body>
<div id="tips"></div>
<div id="canvas" onmousemove="get_canvas(event,this)"></div>
</body>
</html>
兼容IE8+
C. js 獲取文本框位置
關於JS獲取與設置文本框、文本域游標位置
//獲取游標所在文本框的位置
function getCaret(textbox) {
var control = document.activeElement;
textbox.focus();
var rang = document.selection.createRange();
rang.setEndPoint(「StartToStart」,textbox.createTextRange())
control.focus();
alert(rang.text.length);
}
//獲取游標所在文本域的位置
function getCaretForTextArea(ZysrID){
var txb = document.getElementById(ZysrID);//根據ID獲得對象
var pos = 0;//設置初始位置
txb.focus();//輸入框獲得焦點,這句也不能少,不然後面會出錯,血的教訓啦.
var s = txb.scrollTop;//獲得滾動條的位置
var r = document.selection.createRange();//創建文檔選擇對象
var t = txb.createTextRange();//創建輸入框文本對象
t.collapse(true);//將游標移到頭
t.select();//顯示游標,這個不能少,不然的話,游標沒有移到頭.當時我不知道,搞了十幾分鍾
var j = document.selection.createRange();//為新的游標位置創建文檔選擇對象
r.setEndPoint(「StartToStart」,j);//在以前的文檔選擇對象和新的對象之間創建對象,媽的,不好解釋,我表達能力不算太好.有興趣自己去看msdn的資料
var str = r.text;//獲得對象的文本
var re = new RegExp(「[//n]「,」g」);//過濾掉換行符,不然你的文字會有問題,會比你的文字實際長度要長一些.搞死我了.我說我得到的數字怎麼總比我的實際長度要長.
str = str.replace(re,」");//過濾
pos = str.length;//獲得長度.也就是游標的位置
alert(pos);
r.collapse(false);
r.select();//把游標恢復到以前的位置
txb.scrollTop = s;//把滾動條恢復到以前的位置
}
//設置游標在文本框中的位置
function setCaret(id,pos){
var textbox = document.all(id);
var r = textbox.createTextRange();
r.collapse(true);
r.moveStart(『character』,pos);
r.select();
}
//設置游標位置的調用函數
function readyforset(id){
var pos = document.getElementById(『setpos』).value;
setCaret(id,pos);
}
if(!-[1,])//如果是IE
{
var p=getCursortPosition(obj);;
}
if(p>0)
{
setCaretPosition(obj,p);
}
D. js怎樣獲取可編輯div中游標的位置
首先要實現輸入內容不同顏色是可以實現的,比如使用一個可編輯iframe就可以了內,textarea是不行的。
至於功能的容實現,我覺得不需要獲取結束位置。
首先檢測滑鼠事件,如果有點擊編輯區的某個位置,你就獲取當前滑鼠的落點,然後用innerHTML加入一對標簽,<span class="color:#XXXXXX"></span>,所有輸入內容都在這個span中間。效果就是輸入的所有文字都變色。
不知道樓主明白沒?
E. js如何獲取滑鼠在某元素移動時~滑鼠指針在元素中的坐標
稍等上代碼復!!
<html>
<head>
<scripttype="text/javascript">
functionshow_coords(event){
varx=event.clientX;
vary=event.clientY;
varsay=document.all("coords");
say.innerHTML="X:"+x+"Y:"+y;
say.style.position="absolute";
say.style.left=x+30;
say.style.top=y;
}
</script>
</head>
<bodyonmousemove="show_coords(event)">
<pid="coords"></p>
</body>
<html>
希望我制的回答對你有用,有用就採納!!!謝謝!
F. js 觸發onkeydown事件時候,獲取游標所在元素或者獲取游標所在標簽名稱
|||
<divid=testcontenteditable=true></div>
<script>
window.onload=function(){
document.getElementById("test").onkeydown=function(e){
//當前元素是(e||event).currentTarget
console.log((e||event).currentTarget);
//標簽名稱是(e||event).currentTarget.tagName
console.log((e||event).currentTarget.tagName);
}
}
</script>
G. jquery 或者js 怎麼獲取頁面游標所在的元素
1.通過焦點獲取游標所在元素
游標所在一般都在文本框裡面(該方法只適內用於input,textarea)
$("input:focus")//游標所在input元素的位置容
$("textarea:focus")//游標所在textarea元素的位置
$("input:focus,textarea:focus")//游標所在元素的位置
2。通過點擊事件獲取游標所在元素
獲取滑鼠點擊元素的位置(適用於所有元素)
$("*").click(function(e){
$(e.target)//游標所在元素位置})