IT学习网是免费的终身在线学习平台,现在主要提供IT(互联网)方面的教程,博客等方面的内容
主页 > 前端 > > 正文

培训电脑编程js光标定位操作

来源:IT学习网整理 发布时间:2020-02-14 18:54 标签:操作定位光标
浏览:
打开网页后将光标定位到某个Text文本框中 ;打开网页后Text文本框内已经有了从数据库里读出来的内容,需要将光标定位到这个Text某个字符后面,要将光标定位到冒号后面(不分中文或英文输入法),如果内容中没有冒号就就光标定位到最前面"/>js光标定位操作

前端开发前端导航工具/手册更多栏目

折扣返利

网站投稿

书籍/周边

站内搜索

fly63前端网

提交

我要投稿

js光标定位操作

时间: 2019-08-08阅读: 273标签: 光标

1、打开网页后将光标定位到某个Text文本框中 

var alem= document.getElementById('txt_HeadLine'); alem.focus();


2、打开网页后Text文本框内已经有了从数据库里读出来的内容,需要将光标定位到这个Text某个字符后面,要将光标定位到冒号后面(不分中文或英文输入法),如果内容中没有冒号就就光标定位到最前面
要考虑到浏览器的兼容性 :

//页面加载完成触发此事件,将光标定位到第一个冒号(中英文)的后面 onload = function () { var alem = document.getElementById('txt_Title'); alem.focus(); var len = 0; if (alem.value.indexOf(":") != -1) { //英文冒号 len = alem.value.indexOf(":") + 1; } else if (alem.value.indexOf(":") != -1) { //中文冒号 len = alem.value.indexOf(":") + 1; } if (len == 0) { return; } if (alem.createTextRange) { //IE浏览器 var sel = alem.createTextRange(); sel.moveStart("character", len); sel.collapse(); sel.select(); } else { //非IE浏览器 包括mozilla,chrome,safari alem.selectionStart = len; } };


3、选中一段文字 

alem.selectionStart = 3; //起始位置 alem.selectionEnd = 16; //结束位置


4、自动选中区域内容

<html> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>自动选择文本框/编辑框中的文字</title> <script type="text/javascript"> function Myselect_txt(){ if (document.form1.title.focus){ document.form1.title.select();} } function Myselect_txtarea(){ if (document.form1.content.focus){ document.form1.content.select();} } </script> <form> <input type="text" size="50" value="今日新闻头条"> <textarea cols="50" rows="6">今日,据相关方面报道,...</textarea> </form> </html>


.two_ads{overflow: hidden;} .two_ads a{float: left;width: 49.443%;} .two_ads a:nth-child(2){float: right;} .two_ads img{display: block;margin: 5px 0;max-width: 100%;}

热门文章

  • 用VPN得小心了,一程序员非法出售 VPN 被判
    用VPN得小心了,一程序员非法出售 VPN 被判

    用VPN得小心了,一程序员非法出售 VPN 被判

    上海市宝山区人民法院审理了一起案件,被告人戴某原在某证券管理公司从事软件开发工作。自 2016 年 4 月起,其为牟取非法利益,创建某网站,并在网站...

  • h5通过css实现禁止ios端长按复制选中文字
    h5通过css实现禁止ios端长按复制选中文字

    h5通过css实现禁止ios端长按复制选中文字

    在ios端默认的长按选择,可以对文字进行复制粘贴。但是在实际开发中,针对一些按钮一般要避免长按时弹出选中文字,或者一些罩层要避免弹出。 这篇文...

  • 自学教程腾讯开源新生移动跨端开发框架
    自学教程腾讯开源新生移动跨端开发框架

    自学教程腾讯开源新生移动跨端开发框架

    自学教程原标题:腾讯开源新生移动跨端开发框架Hippy:支持iOS、安卓 来源:IT之家 新酷产品第一时间免费试玩,还有众多优质达人分享独到生活经验,快...

  • it技术是什么玉米2005(C2005)11月12日行情及
    
it技术是什么玉米2005(C2005)11月12日行情及

    it技术是什么玉米2005(C2005)11月12日行情及

    (玉米2005)主力合约(C2005)今日开盘价为1937.0000元,收盘价为1919.0000元,较上一个交易日下跌-20.0000元 ,涨/跌幅度...

  • 编程视频教程vue里的$refs属性
    编程视频教程vue里的$refs属性

    编程视频教程vue里的$refs属性

    编程视频教程vuejs的极大程度的帮助减少了对dom的操作,他主要通过添加ref属性,但是当获取this.$refs属性时,稍有不注意就会输出undefined导致我们对dom节点...

后端

更多 >
后端 新手学网站编程入门将促进境内市场与国
后端 学编程学习SpatialOS作为英礴旗下的下一代
后端 编程基础怎么学看一看其他和这家公司合
后端 编程自学多长时间若申请将手中持有的基
后端 编程需要学习那些如何教三岁宝宝学数学

工具资源

更多 >