设置光标位置-技术博客集

设置光标位置
编程技术 / houtizong 发布于 3年前 63

设置光标位置

源文件如下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>设置光标</TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>
<textarea id=demo cols=50 rows=5>设置光标位置</textarea>

<input type=checkbox id=collapse>倒数第<input id=s value=4 size=4>位 <input value="设置光标" type=button onclick=setCursor()>
<script>
function setCursor(){
 var num=parseInt(document.all.s.value)
 var range=document.all.demo.createTextRange();
 if(document.all.collapse.checked){
 range.collapse(false);
 range.moveEnd('character',-1*num);
 }else{
 range.collapse(true);
 range.moveStart('character',-1+num);
 }
 range.select();
 }
</script>
</BODY>
</HTML>

上一篇：正则表达式去掉JavaScript字符串中的空格

下一篇：动态向head中设置javaScript文件

请勿发布不友善或者负能量的内容。与人为善，比聪明更重要！

设置光标位置 &nbsp; 源文件如下： &lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.0 Transitional//EN&quot;&gt; &lt;HTML&gt; &nbsp;&lt;HEAD&gt; &nbsp; &lt;TITLE&gt;设置光标&lt;/TITLE&gt; &nbsp; &lt;META NAME=&quot;Generator&quot; CONTENT=&quot;EditPlus&quot;&gt; &nbsp; &lt;META NAME=&quot;Author&quot; CONTENT=&quot;&quot;&gt; &nbsp; &lt;META NAME=&quot;Keywords&quot; CONTENT=&quot;&quot;&gt; &nbsp; &lt;META NAME=&quot;Description&quot; CONTENT=&quot;&quot;&gt; &nbsp;&lt;/HEAD&gt; &nbsp;&lt;BODY&gt; &nbsp; &lt;textarea id=demo cols=50 rows=5&gt;设置光标位置&lt;/textarea&gt; &lt;input type=checkbox id=collapse&gt;倒数 第&lt;input id=s value=4 size=4&gt;位 &lt;input value=&quot;设置光标&quot; type=button onclick=setCursor()&gt; &lt;script&gt; function setCursor(){ &nbsp;&nbsp;&nbsp;&nbsp; var num=parseInt(document.all.s.value) &nbsp;&nbsp;&nbsp;&nbsp; var range=document.all.demo.createTextRange(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if(document.all.collapse.checked){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;range.collapse(false); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; range.moveEnd('character',-1*num); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;}else{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; range.collapse(true); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; range.moveStart('character',-1+num); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; range.select(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} &lt;/script&gt; &nbsp;&lt;/BODY&gt; &lt;/HTML&gt; </div>

留言需要登陆哦

技术博客集 - 网站简介：
前后端技术：
后端基于Hyperf2.1框架开发,前端使用Bootstrap可视化布局系统生成
网站主要作用：
1.编程技术分享及讨论交流，内置聊天系统;
2.测试交流框架问题，比如：Hyperf、Laravel、TP、beego;
3.本站数据是基于大数据采集等爬虫技术为基础助力分享知识，如有侵权请发邮件到站长邮箱，站长会尽快处理;
4.站长邮箱：[email protected];

文章归档

文章标签

友情链接

首页
关于我们

Auther ·HouTiZong: 侯体宗的博客