`

input 焦点放在文本最后

阅读更多
<input id="a" name="test" value="aaaaaaaaaaaaaaaaaabbb2aaaaaaaaaaaaaaaaaabbb2aaaaaaaaaaaaaaaaaabbb2aaaaaaaaaaaaaaaaaabbb2"><input>
<script>
    var obj;
    var val;
    var len;
    var start = 0;
    (function m1(){
        obj=document.getElementById('a');
        val=obj.value;
        len=val.length-1;
        if(len<30) return;

        obj.value=""
       m2();
    })();
    function m2(){
        obj.value = obj.value + val.substr(start,1) ;
       
        start++;
        if(start<=len){
            setTimeout('m2()',1);
        } else {
         document.getElementById('a').focus();
        }
       
    }
</script>
分享到:
评论

相关推荐

    JS将光标聚焦在文本最后的实现代码

    在JavaScript中,将光标聚焦在文本最后是一个常见的需求,特别是在输入框中用户需要立即开始输入时。在给定的代码示例中,一个简单的函数`cursorEnd()`被定义来实现这个功能。以下是对这段代码的详细解释: 首先,...

    js移动焦点到最后位置的简单方法

    在JavaScript中,移动焦点到元素的最后位置是一个常见的需求,特别是在用户交互中,如文本输入框(input)或文本区域(textarea)。这个功能能够帮助用户快速地在输入内容后继续添加,无需手动滚动到文本末尾。下面我们...

    文本域定位光标并添加数据

    在这个例子中,我们首先获取了光标位置,然后设置了选区范围为该位置,最后将原文本域的值切分为两部分,将要插入的文本放在中间,再合并起来,实现了在指定位置插入文本。 为了实现更复杂的功能,例如在多行文本域...

    鼠标选中文本框,默认内容消失

    当用户将鼠标焦点放在文本框上时,默认文本(通常称为占位符文本)会消失,以便用户可以输入新的内容。然而,如果用户在未输入任何新内容的情况下离开文本框,占位符文本应重新出现。这通常是通过JavaScript和DOM...

    JavaScript(js)设置默认输入焦点(focus)

    例如,下面的`quote`函数会在引用某人的评论后,将焦点放在新的回复区域: ```javascript function quote(name, id) { var quoteMsg = document.getElementById(id).innerHTML; var content = document....

    .net 双击td可以编辑

    这通常包括移除默认文本,插入一个输入框(`&lt;input&gt;`),并将焦点放在输入框上。 ```javascript function startEdit(td) { var input = document.createElement('input'); input.type = 'text'; input.value = ...

    javaScript技巧

    例如,`&lt;input type="text" value="示例文本" onfocus="if(value=='示例文本'){value=''}" onblur="if(value==''){value='示例文本'}"&gt;` 这段代码实现了当输入框获得焦点时清空默认提示文本,失去焦点时若未输入任何...

    html5新表单

    在XHTML中,表单内的元素如`&lt;input&gt;`、`&lt;button&gt;`、`&lt;select&gt;`、`&lt;textarea&gt;`等必须放在`&lt;form&gt;`标签内。但在HTML5中,这些元素可以放置在页面的任意位置,并通过新增的`form`属性关联到相应的表单。例如: ```html...

    jquery-placeholder

    4. 当元素失去焦点且内容为空时,恢复`placeholder`文本。 源码的结构清晰,易于理解和定制。如果你需要对插件进行扩展或修改,可以参考源码中的逻辑。 ### 6. 总结 `jQuery Placeholder`插件是一个实用的工具,...

    qt实现-----标签窗体

    最后,确保在窗体显示之前设置输入框的焦点,以便用户可以直接开始输入: ```cpp window-&gt;m_input-&gt;setFocus(); ``` 以上代码实现了一个基本的标签窗体,允许用户输入标签并立即显示,每个标签都有一个可点击的...

    登陆框设计

    4. **过渡效果**:当用户交互时,可以使用`transition`属性为元素添加平滑的动画效果,例如输入框获得焦点时: ```css input[type="text"]:focus, input[type="password"]:focus { border-color: #007BFF; ...

    label标签详情用法demo讲解语法详情.docx

    标签的基本结构是将它放在表单控件(如&lt;input&gt;、或)之前或之后,或者将表单控件内嵌其中。通过设置`for`属性,可以将与特定的表单控件关联。例如: ```html 用户名: &lt;input type="text" id="username" name=...

    200多个js小技巧

    1. 文本框焦点问题:在网页设计中,有时我们需要在页面加载后自动将焦点放在特定的输入框上,这可以通过`document.getElementById('inputId').focus()`实现,其中`inputId`是你要获取焦点的输入框的ID。 2. 网页...

    将光标定位到textarea的某一行的javascript代码

    5. **选择文本范围**:最后,通过调用文本范围对象的`select()`方法,使光标出现在目标位置。 #### 三、代码分析 接下来,我们对提供的示例代码进行详细的解析: ```html aaaaaaaaaaaaaa cccccccccc dddddddddddd...

    JavaScript实现复制内容到粘贴板代码

    接着,我们要检测该元素是否为input或textarea类型,因为这两种类型的元素拥有selectionStart和selectionEnd属性,这些属性能够帮助我们进行文本选择操作。 如果传入的元素是input或textarea,我们可以直接使用该...

    js+css实现增加表单可用性之提示文字.docx

    在HTML中,我们将`&lt;label&gt;`和`&lt;input&gt;`放在同一个`&lt;div&gt;`中,并将`for`属性设置为输入框的ID,这样当用户点击`&lt;label&gt;`时,输入框会自动获取焦点: ```html 请输入关键字 &lt;input type="text" id="keyword" ...

    计算机总结知识

    `&lt;input type="text"&gt;`定义了一个单行文本输入字段。 **(3)多行数据输入** `&lt;textarea&gt;`标签用于创建一个多行文本输入控件。 **(4)单数据选择** `&lt;input type="radio"&gt;`用于创建单选按钮,只能选择一个选项。 ...

    html5简单的 登陆界面

    最后,为了保证登录表单的安全性,通常会通过JavaScript或服务器端验证来检查用户输入,防止SQL注入等安全问题。例如,可以使用JavaScript的`addEventListener`来监听表单的提交事件,并在客户端进行简单的验证: `...

    使用JavaScrip模拟实现仿京东搜索框功能

    `onfocus` 是一个JavaScript事件,它在用户将焦点放在某个元素(如输入框)上时触发。相反,`onblur` 事件在用户将焦点移出该元素时触发。在京东搜索框的模拟实现中,这两个事件被用来控制搜索框的行为: 1. 当鼠标...

    常用的JS-JavaScript

    当输入框获得焦点时,光标会自动跳到文本最后。 #### 15. 获取页面来源 要获取用户是从哪个页面链接过来的,可以使用: ```javascript javascript:document.referrer ``` 这会返回用户访问当前页面前所在的URL。 #...

Global site tag (gtag.js) - Google Analytics