如何解决键入时,Angular js光标中的Contenteditable div会跳到开头
这是我下面的html可编辑div
<div id="editorAbstract"
ng-change="abstractChangeHandler(data.message.data.item.abstract.rawData)" cleanInput ng-blur="OnBlurTitleAbstractChange(this)"
ng-focus="freeIndexing.freeIndexingTermfocus('editorAbstract')"
medium-editor bind-options="{toolbar:true,placeholder:{text: '',hideOnClick: true},disableReturn: true,toolbar: {buttons: ['bold','italic','subscript','superscript','uppercase','lowercase','titlecase','removeFormat'],static:true,align: 'left',sticky:true,updateOnEmptySelection: true},disableExtraSpaces: false,fileDragging: true,spellcheck: false,extensions: {'imageDragging': {}},paste: {forcePlainText: true,cleanPastedHTML: false}}" ng-model="data.message.data.item.abstract.rawData"
ng-keyup="validateAbstractkeyup($event,data.message.data.item.abstract.rawData)" class="contenteditable">
</div>
我有一个名为validateabstractkeyup
的函数,此函数导致了此问题。
$scope.validateAbstractkeyup = function (event,model) {
if (model != null && model != undefined && model != '' &&
model.indexOf('<span style="font-size: 11.25px;">') > -1) {
spanTagEndIndex = (model.indexOf('<span style="font-size: 11.25px;">')) + 34;
closingSpanTagStartIndex = model.indexOf('</span>',spanTagEndIndex);
spanTagInnerText = model.substring(spanTagEndIndex,closingSpanTagStartIndex);
stringforreplace = '<span style="font-size: 11.25px;">' + spanTagInnerText + '</span>'
result = model.replace(stringforreplace,spanTagInnerText);
$scope.data.message.data.item.abstract.rawData = result;
}
$scope.data.message.data.item.abstract.rawData
(此键绑定到ng-model
,用于可编辑的div)可能正在刷新。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。