选中输入框时,全选里面的内容

提壶 发布于 2015/10/17 15:03
阅读 1K+
收藏 0

<input type="text">

如题,当我用以下几种的方式的时候:

1. <input type="text" onfocus="this.select()">

2. <input type="text">

$(function(){
    $(':text').focus(function(){
        this.select()
    })
})

在IE里有效果,在360浏览器里就变成了只有那么一瞬间全选,然后焦点又自动移动到了内容的末尾。

这个问题怎么解决。用click的话达不到我想要的效果。

第二个问题就是,我用jquery动态的向页面添加了一些 :text,所以我想让这些动态生成的输入框也具有这样的效果,于是我jquery这么写:

$(document).on("focus",":text",function(){

    this.select()

})

结果没有效果,这个问题又该怎么解决?还请大神出手相助!


以下是问题补充:

@提壶:第二个问题是在IE浏览器出现的。但是我用 $(function(){ $(':text').focus(function(){ this.select() }) }) 在IE浏览器下又没有问题。所以这一点没弄明白怎么回事 (2015/10/17 15:08)
加载中
0
Canrz
Canrz

360调用的webkit内核,在chrome或者Safari里面,需要增加onmouseup事件阻止浏览器的默认事件。

另外多说一句,哥们在提问之前想必也是搜索过了,如果是搜“全选input内容”的话,基本上回答都是跟你一样的写法,搜“chrome input select”作为关键词,百度第二个条目就是正解。

提壶
提壶
果然如此。感谢前辈指点!
0
提壶
提壶

http://blog.csdn.net/ldl22847/article/details/7258430

我把这个问题的解决方法的地址贴上来。

返回顶部
顶部