js函数在chrome中工作但在ie11中没有 [英] js function working in chrome but not in ie11

问题描述

以下功能在Chrome中工作正常，但不是11，请告诉我相同的替代代码。

The below function is working fine in chrome but not in ie 11 please let me know the alternate code for the same.

$('#editable').on('keydown', function (event) {
    if (window.getSelection && event.which == 8) { // backspace
        // fix backspace bug in FF
        // https://bugzilla.mozilla.org/show_bug.cgi?id=685445
        var selection = window.getSelection();
        if (!selection.isCollapsed || !selection.rangeCount) {
            return;
        }

        var curRange = selection.getRangeAt(selection.rangeCount - 1);
        if (curRange.commonAncestorContainer.nodeType == 3 && curRange.startOffset > 0) {
            // we are in child selection. The characters of the text node is being deleted
            return;
        }

        var range = document.createRange();
        if (selection.anchorNode != this) {
            // selection is in character mode. expand it to the whole editable field
            range.selectNodeContents(this);
            range.setEndBefore(selection.anchorNode);
        } else if (selection.anchorOffset > 0) {
            range.setEnd(this, selection.anchorOffset);
        } else {
            // reached the beginning of editable field
            return;
        }
        range.setStart(this, range.endOffset - 1);


        var previousNode = range.cloneContents().lastChild;
        if (previousNode && previousNode.contentEditable == 'false') {
            // this is some rich content, e.g. smile. We should help the user to delete it
            range.deleteContents();
            event.preventDefault();
        }
    }
});

HTML

HTML

foo 要删除的文本栏

推荐答案

（' ＃editable'）。on（' keydown' ，function（ event ）{
if （window.getSelection&&& 事件 .which == 8 ）{ // < span class =code-comment> backspace
// 修复FF中的退格错误
// https://bugzilla.mozilla.org/show_bug.cgi?id=685445
var selection = window.getSelection（）;
if （！selection.isCollapsed || ！selection.rangeCount）{
return ;
}

var curRange = selection.getRangeAt（selection.rangeCount - 1 < /跨度>）;
if （curRange.commonAncestorContainer.nodeType == 3 && curRange.startOffset < span class =code-keyword>> 0 ）{
// 我们正在选择孩子。正在删除文本节点的字符
return ;
}

var range = document.createRange（）;
if （selection.anchorNode！= this ）{
// 选择处于字符模式。将其扩展到整个可编辑字段
range.selectNodeContents（ this ）;
range.setEndBefore（selection.anchorNode）;
} 其他 如果（selection.anchorOffset > ; 0 ）{
range.setEnd（ this ，selection.anchorOffset） ;
} 其他 {
// 到达可编辑字段的开头
return ;
}
range.setStart（ this ，range.endOffset - 1 ）;


var previousNode = range.cloneContents（）。lastChild;
if （previousNode&& previousNode.contentEditable == ' false'）{
// 这是一些丰富的内容，例如微笑。我们应该帮助用户删除它
range.deleteContents（）;
event .preventDefault（）;
}
}
}）;

('#editable').on('keydown', function (event) { if (window.getSelection && event.which == 8) { // backspace // fix backspace bug in FF // https://bugzilla.mozilla.org/show_bug.cgi?id=685445 var selection = window.getSelection(); if (!selection.isCollapsed || !selection.rangeCount) { return; } var curRange = selection.getRangeAt(selection.rangeCount - 1); if (curRange.commonAncestorContainer.nodeType == 3 && curRange.startOffset > 0) { // we are in child selection. The characters of the text node is being deleted return; } var range = document.createRange(); if (selection.anchorNode != this) { // selection is in character mode. expand it to the whole editable field range.selectNodeContents(this); range.setEndBefore(selection.anchorNode); } else if (selection.anchorOffset > 0) { range.setEnd(this, selection.anchorOffset); } else { // reached the beginning of editable field return; } range.setStart(this, range.endOffset - 1); var previousNode = range.cloneContents().lastChild; if (previousNode && previousNode.contentEditable == 'false') { // this is some rich content, e.g. smile. We should help the user to delete it range.deleteContents(); event.preventDefault(); } } });

HTML

HTML

foo 要删除的文本栏

这篇关于js函数在chrome中工作但在ie11中没有的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！