小编dog*_*ezy的帖子

如何获得包含图像的contenteditable div的插入位置

我有这个contentedittable div

<div contenteditable="true" id="text">minubyv<img src="images/smiley/Emoji Smiley-01.png" class="emojiText" />iubyvt</div>
Run Code Online (Sandbox Code Playgroud)

这是代码输出的图像描述 在此输入图像描述

所以我想获得div的插入位置,并假设光标位于最后一个字符之后.这是我获得插入位置的代码

function getCaretPosition(editableDiv) {
  var caretPos = 0,
    sel, range;
  if (window.getSelection) {
    sel = window.getSelection();
    if (sel.rangeCount) {
      range = sel.getRangeAt(0);
      if (range.commonAncestorContainer.parentNode == editableDiv) {
        caretPos = range.endOffset;
      }
    }
  } else if (document.selection && document.selection.createRange) {
    range = document.selection.createRange();
    if (range.parentElement() == editableDiv) {
      var tempEl = document.createElement("span");
      editableDiv.insertBefore(tempEl, editableDiv.firstChild);
      var tempRange = range.duplicate();
      tempRange.moveToElementText(tempEl);
      tempRange.setEndPoint("EndToEnd", range);
      caretPos = tempRange.text.length;
    }
  }
  return caretPos;
}

var update …
Run Code Online (Sandbox Code Playgroud)

javascript caret contenteditable getcaretpos

6
推荐指数
1
解决办法
3046
查看次数

javascript history.pushState无法用于iframe

我想运行一个pushState并且运行正常,但是当我通过iframe元素加载页面时,它拒绝工作。这就是我的代码的样子

$('a[href]').click(function){
    newHref = $(this).attr('href');
    history.pushState('', '', newHref);
})
Run Code Online (Sandbox Code Playgroud)

但这是行不通的,请有任何想法如何实现此目标的人吗?

javascript iframe jquery

2
推荐指数
1
解决办法
1253
查看次数