Question

我将在页面上有多个summernote字段，我想要一个动态的方法来获取onblur时的元素ID。我似乎无法获得元素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/

Answer 3

谢谢大家！我使用的模板有一个非常旧的Summernote版本。更新后，Gaurav joshi的代码是正确的方向。

再次感谢。

获取Summernote元素的ID

3 个答案: