ionic js input光标重新定位
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); //重新定位光标位置 } };
声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。