iphone中点击input不能选中input中的内容

点击一个input,通过它的click事件选中这个input框中的内容,这个用jquery挺好实现的,但是有一个问题,在PC端和android手机上都可以让功能正常实现,在iphone上就没有效果了,后查了好多资料发现在iphone中可以这样写

<script>

$(function(){

  //$('input').focus(focustext)

  /*******用以下三行代码即可实现*******/

  $('input').click(function(){

$(this).focus().select();//保险起见,还是加上这句。

    this.selectionStart = 0;

    this.selectionEnd = this.val().length;

  })

})

function focustext() {

  var input = this;

  setTimeout(function(){ input.selectionStart = 0; input.selectionEnd = input.val().length; }, 100)

}

</script>

 

直接用$('input').click这段代码即可在iphone中实现这个功能,其他代码只是顺带记录一下

 

 

pc和安卓的解决方法:合在一起写

    $('.one-goods').on("click","input",function () {
        // pc和安卓端的方法
        $(this).focus().select();
        // ios端的方法
        this.selectionStart = 0;
        this.selectionEnd = this.val().length;
    });

 

posted @ 2017-05-23 20:40  最爱小虾  阅读(3412)  评论(0编辑  收藏  举报