<input type="text" id="test1" name="test1" value="test123" onclick="moveEnd(this);" />
function moveEnd(obj) {
objfocus();
var len = objvaluelength;
if (documentselection) {
var sel = objcreateTextRange();
selmoveStart('character', len);
selcollapse();
selselect();
} else if (typeof objselectionStart == 'number'
&& typeof objselectionEnd == 'number') {
objselectionStart = objselectionEnd = len;
}
}
<script>
function CheckKey(text1,text2)
{
if(text1value !="")
{
if(eventkeyCode == 13)
text2focus();
}
}
</script>
<!--使用方法-->
<input type="text" name="text1" onkeydown="CheckKey(this,text2)"/>
<input type="text" name="text2" onkeydown="CheckKey(this,text3)"/>
<input type="text" name="text3" />
希望我的回答对你有帮忙啊!
代码如下：
<!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>
function get_canvas(ev,obj){
m_clientX = evclientX-objoffsetLeft;
m_clientY = evclientY-objoffsetTop;
documentgetElementById("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+
用 javascript 获取当前页面上鼠标（光标）位置在许多情况下都会用到，比如拖放，悬停提示（tooltip） 等等。当然，这里我们依然要面对浏览器的兼容问题，在不同的浏览器下，对这些相关的属性处理方式也不同。
参考资料
首页 → 网络编程 → JavaScript → javascript技巧 → js获取鼠标位置实例详解脚本之家[引用时间2018-1-18]
首先要实现输入内容不同颜色是可以实现的，比如使用一个可编辑iframe就可以了，textarea是不行的。
至于功能的实现，我觉得不需要获取结束位置。
首先检测鼠标事件，如果有点击编辑区的某个位置，你就获取当前鼠标的落点，然后用innerHTML加入一对标签，<span class="color:#XXXXXX"></span>，所有输入内容都在这个span中间。效果就是输入的所有文字都变色。
不知道楼主明白没？
script language=javascript>
function insertHtml(HtmlCode)
{
var win=windowcontent_htmlidEditboxdocument;//其中编辑区域是gledithtm中的一个iframe，id是idEditbox
windowcontent_htmlidEditboxfocus();//是编辑器获得焦点，防止代码插入在编辑器外地方
winselectioncreateRange()pasteHTML(HtmlCode)//在光标的位置插入html代码
}
</script>
说的比较详细
不知道是不是你想要的，可以看一下，运行过的：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">
需要准备的材料分别是：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：indexhtml。
2、在indexhtml的<script>标签中，输入js代码：
$('body')append(documentactiveElementid == "a" 'true': 'false');
$('#a')focus(function () {
$('body')append(documentactiveElementid == "a" 'true': 'false');
});
3、浏览器运行indexhtml页面，此时会发现false代表没有聚焦，点击聚焦后发现打印了true。
以上就是关于JS的focus()获得文本框焦点后,光标位置如何跳到文本末尾全部的内容，包括:JS的focus()获得文本框焦点后,光标位置如何跳到文本末尾、JS中的focus()定位问题JS高手帮忙、js如何获取鼠标指针在元素中的坐标等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）