on the mobile side, there is a div tag that sets contenteditable= "true":
<div class="ipt-multi" contenteditable="true"></div>
when you enter more than 500, add a style (red in color) to the excess number of words
this.contentNode.bind("keyup change", function () {
var content = self.getContent();
if (content.length > 500) {
//
if (content.length > self.MAX_CONTENT_LENGTH) {
var newContent = content.substring(0, self.MAX_CONTENT_LENGTH) + "<span style="color: -sharpdf0616">" + content.substring(self.MAX_CONTENT_LENGTH, content.length) + "</span>";
$(".ipt-multi").focus().html(newContent);
self.po_Last_Div($(".ipt-multi"));
}
}
});
but after typing, the cursor goes to the front, and I try to add a code like this:
po_Last_Div: function(obj) {
if (window.getSelection) {//ie11 10 9 ff safari
obj.focus(); //ff
var range = window.getSelection();//range
range.selectAllChildren(obj);//range obj
range.collapseToEnd();//
}
else if (document.selection) {//ie10 9 8 7 6 5
var range = document.selection.createRange();//
//var range = document.body.createTextRange();
range.moveToElementText(obj);//rangeobj
range.collapse(false);//
range.select();
}
},
reported the following error:
feedback-min.js:formatted:1006 Uncaught TypeError: Failed to execute "selectAllChildren" on "Selection": parameter 1 is not of type "Node".
at Object.po_Last_Div (feedback-min.js:formatted:1006)
at HTMLDivElement.<anonymous> (feedback-min.js:formatted:992)
at HTMLDivElement.n.proxy (base-min.js:1)
could you tell me how to solve this error so that the cursor can be positioned at the end of the input word limit?