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)//光标所在元素位置})