jQuery检查元素是否可编辑

Question

问题

我有一个包含一些不可编辑的div的可编辑div。如果用户点击某个地方，我必须找出他是否点击了他可以实际编辑的区域。

问题

有没有办法检查元素是否可编辑？像这样：

$('my-element-selector').is(':editable')

（不，可编辑选择器不起作用，只是一个例子）

Answer 1

$('#mydiv').get(0).isContentEditable

https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement.isContentEditable

Answer 2

据我所知，核心jquery中没有名为:editable的选择器，尝试在此上下文中使用attribute selector，

$('my-element-selector').is('[contenteditable="true"]')

DEMO

Answer 3

试试这个

$( "div" ).click(function() {
if ( $( this ).hasClass( "editable" ) ) {

}
});

OR

if ( $( "#myDiv" ).is( ".editable" ) ) {

}

Answer 4

为可编辑的div提供特定的类并检查类。例如：

 if ( $( "#DivId").hasClass( "Editable" ) ) {}

另一种方式：

if ( $( "#DivId" ).is( ".Editable" ) ) {

   }