ionic js input光标重新定位

创建时间：2015-09-11 投稿人：浏览次数：2658

html 代码：

<body ng-app="order" ng-controller="orderXqCtl">
	<ion-view>
		<ion-content>
			...
			<input type="text" style="padding:0;" ng-model="card" ng-click=""  ng-keyup="duan($event)" id="kh">
                        ...

js 代码：

.controller("bankEditCtl", function ($scope, $http, $ionicBackdrop) {
        ...
        $scope.duan = function (e) {
            var keycode = window.event ? e.keyCode : e.which;
            console.log(keycode);
            if (keycode != 13 && keycode != 8 && keycode != 46) {
            	var index_focus = e.target.selectionStart;//获取当前鼠标光标
                document.getElementById("kh").value = document.getElementById("kh").value.replace(/s/g, "").replace(/(d{4})(?=d)/g, "$1 ");//执行空格填充之后，光标会被定位到末尾
                if (index_focus>4 && index_focus%5 == 0){//防止填充空格的影响
                	index_focus+=1;
                }
                document.getElementById("kh").setSelectionRange(index_focus, index_focus); //重新定位光标位置
            }
        };

声明：该文观点仅代表作者本人，入门客AI创业平台信息发布平台仅提供信息存储空间服务，如有疑问请联系rumenke@qq.com。