JavaScript控制光标始终在文字的最后

2008-10-12 08:47:00 | 【
鼠标点击输入框,光标始终在文字的最后

本脚本演示了当用户用鼠标点击输入框时,光标始终只能出现在文字的最后

查看全部代码 View Code

第一步:
在 <head>区添加函数定义的代码

<script language="javascript">   

        /*****************************************************
         *  Share JavaScript (http://www.ShareJS.com)
         * 使用此脚本程序,请保留此声明
         * 获取此脚本以及更多的JavaScript程序,请访问 http://www.ShareJS.com
         ******************************************************/
     
function cc()    
{    
var e = event.srcElement;    
var r =e.createTextRange();    
r.moveStart('character',e.value.length);    
r.collapse(true);    
r.select();    
}    
</script>  


第二步:
在<body>区添加以下代码
 <input type=text name=text1 value="sharejs.com" onfocus="cc()">  


程序在在输入框获得焦点的时候触发的事件,所以只有当输入框刚获得焦点的时候起作用,光标已经在输入框了,再点就不会起作用,这也正是我们在实际应用中所需要的效果!

下载"JavaScript控制光标始终在文字的最后"

  • 本地下载
  • 本地下载2

相关资源