javascript - 如何知道所选元素是否为输入字段？

Question

我需要知道所选元素是否为输入字段。

众所周知，HTML 中的输入字段有很多。例如输入元素、内容可编辑 attr 的 div、文本字段等，我需要知道我选择的元素是否可编辑。像这样的事情。

$(document).click(function(e){
        if($(e.target).is('[contenteditable="true"]')){
            alert("i am edit able");
        }
    });

在此，仅当 contenteditable="true" 存在时，它才可以说元素是可编辑的。那么可编辑文件是否有任何常见的 attr 或属性。如果是，请回答，如果不是，请列出所有可能的可编辑文本/

Answer 1

我认为你可以使用:输入选择器

$(document).click(function(e) {
  if ($(e.target).is('[contenteditable], :input:not(:button)')) {
    snippet.log("i am editable: " + e.target.tagName);
    console.log(this)
  }
});

div {
  border: 1px solid lightgrey;
}

<!-- Provides the `snippet` object, see http://meta.stackexchange.com/a/242144/134069 -->
<script src="http://tjcrowder.github.io/simple-snippets-console/snippet.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div contenteditable></div>
<input />
<textarea></textarea>
<select></select>
<div>some other content</div>
<button>Button</button>
<input type="button" value="T Button" />
<input type="reset" value="T Reset" />
<input type="submit" value="T Submit" />