Jquery如果contenteditable = true事件

Question

我试图检测我点击的元素是否是contentEditable.我试过这个:

$( "#thediv" ).hide();    
$(this).click(function() {
    if ($(this).is("[contenteditable='true']")) {
    return true;
    $( "#thediv" ).show();
    alert('hi');
} else if ($(this).is("[contenteditable='false']")) {
    return false;
    $( "#thediv" ).hide();
    alert('hi');            
}
}); 

和

$( "#thediv" ).hide();  

$(this).click(function() {
    if ($(this).attr("contentEditable") == true) {  
        $( "#thediv" ).show();
        alert('yes');
    } else {
        $( "#thediv" ).hide();  
        alert('no');          
    }    
}); 

我怎样才能让它发挥作用？

这是一个小提琴

Answer 1

该contenteditable属性将告诉您元素是否具有为contenteditable设置的显式值.但是,可编辑性是继承的,因此<span>下面的HTML中的元素是可编辑的,但没有contenteditable属性值:

<div contenteditable="true"><span>Some editable text</span></div>

你需要的是isContentEditable属性,它完全符合你的要求:

$(this).click(function() {
    if (this.isContentEditable) {
        // Do stuff
    }
});