导航:首页 > 编程语言 > js获取光标ie7

js获取光标ie7

发布时间:2023-10-25 06:43:12

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

阅读全文

与js获取光标ie7相关的资料

热点内容
电子保单数据出错什么意思 浏览:368
如何以文件下载音乐 浏览:438
计算机网络章节练习 浏览:999
单片机的外部中断程序 浏览:48
表格批量更名找不到指定文件 浏览:869
js的elseif 浏览:584
3dmaxvray视频教程 浏览:905
imgtool工具中文版 浏览:539
java帮助文件在哪里 浏览:965
win10切换输入语言 浏览:696
haier电视网络用不了怎么办 浏览:361
苹果6手机id怎么更改 浏览:179
米家扫地机器人下载什么app 浏览:82
如何在编程猫代码岛20种树 浏览:915
手机基础信息存储在哪个文件 浏览:726
如何查找手机备份文件 浏览:792
内存清理工具formac 浏览:323
iphone过滤骚扰电话 浏览:981
wap网络如何使用微信 浏览:699
手机迅雷应用盒子在哪个文件夹 浏览:351

友情链接