input对象获得焦点后自动把光标移到内容最后

2021年6月16日 1点热度 0条评论 来源: Hao-Z-Y

 直接将项目的部分代码放上来了,懒得重新写了

今天在写一个公众号的页面用到输入金额的input的框,但是发现当我给input的框添加焦点事件(也就是绑定focus())的时候发现光标总会添加到input输入框内容的最左边。

<div class="new-ser">
    <div class="row">
        <div class="col-xs-6 ser-tit">
        </div>
        <div class="col-xs-6">
            <div class="right-img">
                <div class="ser-num">
                    <div class="wash_div1"></div>
                    <div class="wash_div2"></div>
                    <div class="wash_div3"></div>
                </div>
                <img class="wash_img1" src="../assets/frontend/layout/img/revise.png">
                <img class="wash_img2" src="../assets/frontend/layout/img/remove.png">
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-6">
            <span class="sure1">原价&nbsp;¥</span>
            <input type="text" class="num">
            <span class="sure2">确定</span>
        </div>
        <div class="col-xs-6">
            <p class="residue">黄金会员&nbsp;¥30</p>
            <p class="residue">会员卡&nbsp;¥30</p>
        </div>
        <p class="prompt">会员卡剩余的免费次数0</p>
    </div>
</div>
$(document).on("click",".wash_img1",function(){
    $(this).parents(".row").siblings().find(".num").css("border","1px solid #333333").removeAttr("readonly").siblings(".sure2").css("display","inline-block");
    //其实这个过程就是聚焦然后再赋值
    var t = $(this).parents(".row").siblings().find(".num").val();
    $(this).parents(".row").siblings().find(".num").focus().val(t);
})

 var t = $(this).parents(".row").siblings().find(".num").val();

$(this).parents(".row").siblings().find(".num").focus().val(t);

            红色部分代码只是为了找到input元素大家可以根据自己的代码来书写这部分内容

    原文作者:Hao-Z-Y
    原文地址: https://blog.csdn.net/weixin_41634608/article/details/83870691
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系管理员进行删除。