牛骨文教育服务平台(让学习变的简单)
博文笔记

ionic js input光标重新定位

创建时间:2015-09-11 投稿人: 浏览次数:3052

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); //重新定位光标位置
            }
        };

声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。