对于输入和文本区域，检查tagName和type，不要忘记更新的HTML5输入类型，如email。下面是我的代码片段，用于测试存储在变量el中的元素：

var nodeName = el.nodeName.toLowerCase();
if (el.nodeType == 1 && (nodeName == "textarea" ||
    (nodeName == "input" && /^(?:text|email|number|search|tel|url|password)$/i.test(el.type)))) {
    // Do stuff
}

对于其他元素，isContentEditable属性在所有情况下都有效，并且只应返回布尔值，而不应返回"inherit"之类的字符串。
最后，有可能使用document.designMode属性将整个文档设置为可编辑，在这种情况下，document.designMode将具有字符串值"on"。

这是 typescript 。

function isEditableElement(el: EventTarget) {
  if (el instanceof HTMLElement && el.isContentEditable) return true;
  if (el instanceof HTMLInputElement) {
    // https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types
    if (/|text|email|number|password|search|tel|url/.test(el.type || '')) {
      return !(el.disabled || el.readOnly);
    }
  }
  if (el instanceof HTMLTextAreaElement) return !(el.disabled || el.readOnly);
  return false;
}

使用只读属性。
从http://www.w3schools.com/jsref/prop_text_readonly.asp开始：

document.getElementById("myText").readOnly = true;

@percy507有一处排印错误。if (/|text|email|numb-〉if (/text|email|numb

function isEditableElement(el: EventTarget) {
  if (el instanceof HTMLElement && el.isContentEditable) return true;
  if (el instanceof HTMLInputElement) {
    // https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types
    if (/text|email|number|password|search|tel|url/.test(el.type || '')) {
      return !(el.disabled || el.readOnly);
    }
  }
  if (el instanceof HTMLTextAreaElement) return !(el.disabled || el.readOnly);
  return false;
}