获取Summernote元素的ID

Question

我将在一个页面上有多个summernote字段，我想要一个动态的方式来获得元素ID时，做onblur。我找不到元素的id，它返回undefined

HTML例子

<div class="summernote" id="desc_long" name="Long Description">Test 123</div>

Javascript

$(function () {
    $('.summernote').summernote({
        toolbar: [
          ['headline', ['style']],
          ['style', ['bold', 'italic', 'underline', 'clear']],
          ['color', ['color']],
          ['font', ['strikethrough', 'superscript', 'subscript']],
          ['alignment', ['ul', 'ol', 'paragraph']],
          ['insert', ['link']],
        ],
        onblur: function() {
          var objid = $(this).attr("id");
          alert(objid);
        }
    });
});

Answer 1

回调 attr在您的案例中丢失

           $('.summernote').summernote({
                 toolbar: [
                  ['headline', ['style']],
                  ['style', ['bold', 'italic', 'underline', 'clear']],
                  ['color', ['color']],
                  ['font', ['strikethrough', 'superscript', 'subscript']],
                  ['alignment', ['ul', 'ol', 'paragraph']],
                  ['insert', ['link']],
                ],
                callbacks: {
                    onBlur: function( event ) {
                    console.log($(this).attr('id'))
                        //alert("onBlur event triggered!");
                    }
                }
            });

Answer 2

您使用的是哪个版本的summernote ??如果是v0.6.5或更高版本，则使用驼峰模式，即onBlur而不是onBlur。试试这个并检查一下。也张贴你得到什么错误，如果有的话。此外，回调函数是缺失的。检查http://summernote.org/deep-dive/