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

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

<script>

$(function(){

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

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

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

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;
    });
时间: 2024-10-01 06:51:57

iphone中点击input不能选中input中的内容的相关文章

点击鼠标清除文本框中的内容

点击鼠标清除文本框中的内容:一般内容型的网站都有搜索功能,在默认状态下搜索框中都有默认的提示文本,例如“请输入要搜索的关键词”,但当搜索框获得焦点的时候,默认的提示文本内容会被清空,下面就简单介绍以下如何实现此功能,代码实例如下: <!<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="

Android中点击按钮获取string.xml中内容并弹窗提示

场景 AndroidStudio跑起来第一个App时新手遇到的那些坑: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/103797243 效果 注: 博客:https://blog.csdn.net/badao_liumang_qizhi关注公众号霸道的程序猿获取编程相关电子书.教程推送与免费下载. 实现 新建project后,打开布局文件activity_main.xml 添加一个Button <Button android

Android中点击button,实现ImageView中图片的循环切换

今天有做到这个功能,上网找了资料,看到一个挺好的(http://blog.sina.com.cn/s/blog_60539d04010143ir.html),做了下小修改. activity代码: package ztestchangedpicture; import com.example.ztestchangedpicture.R; import android.app.Activity; import android.os.Bundle; import android.view.View;

在不使用notifyDataSetChanged()方法,怎样选中Item中的内容

drawable文件夹中 需要创建的文件例如:   my_select.xml,代码如下: <?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android" >     <item android:drawable="@drawable/my_checked&

关于移动端input框 在微信中 和ios中无法输入文字的问题

<form action=""> <div class="infor_in mt32"><span>订单号</span><input type="text" name="" value="" /></div> <div class="infor_in mt32"><span>姓   名<

bug:在label中包含img,在IE中点击图片的时候,radio没有被选中,别的浏览器可以

bug:在label中包含img,在IE中点击图片的时候,按钮没有被选中,别的浏览器可以 代码如下: 1 <td class="left"> 2 <input type="radio" name="sex" id="boy"/> 3 <label for="boy" disabled=""><img src="images/boy.jp

鼠标点击input时,placeholder中的提示信息消失

html代码: <input type="text" placeholder="请输入"> 鼠标点击input时,placeholder中的提示信息消失: <input type="text" placeholder="请输入" onfocus="this.placeholder=‘‘" onblur="this.placeholder=‘请输入‘">

iscroll中使用input框的话是导致无法选中input框

在使用iscroll的移动端的时候如果在iscroll中使用input框的话是导致无法选中input框 原因:iscroll需要一直监听用户的touch操作,以便灵敏的做出对应效果,所以它把其余的默认事件屏蔽了. iscroll.js源码: onBeforeScrollStart: function (e) { e.preventDefault(); }, 更改: onBeforeScrollStart: function (e) { var target = e.target; while (

jquery实现&lt;body&gt;中点击按钮后,在&lt;tbody&gt;中显示一连串文本框

HTML中的代码如下: 1 <div style="background:#fff;border-style:solid; border-width:1px 1px 0 1px;border-color:#B8D0D6;"> 2 <div > 3 <div style="margin:-6px 0 0 0"> 4 <button class="button gray" type="button&