Question

我创建了一个小应用程序，用于将textarea中的文本添加到div块中。我希望当用户点击黄色div文本时没有得到附加，并且所选文本的属性（字体系列，字体大小）也会在选择框中突出显示< / p>

$(document).ready( function() {
$('#page1').click(function(e){
var $el = $("<li class='text'>"+$('#ta').val()+"</li>"),
    $this = $(this), offset = $this.offset();
$el.css({
    position: 'absolute',
    left: e.pageX - offset.left,
    top: e.pageY - offset.top
});
$this.append($el);
($el).draggable();
$("#page1 li").click(function(){
$("#page1 li").removeClass('active');
$(this).addClass("active");

});
});
    $("#fs").change(function() {
        $('li.active').css("font-family", $(this).val());
    });
    $("#size").change(function() {
        $('li.active').css("font-size", $(this).val() + "px");
    });

  });

Jsfiddle链接：http://jsfiddle.net/sharma_pooja/P2Kyk/31/

Answer 1

关于你想要什么，解释不是很清楚。我想你想要这样的东西：

$('#page1').click(function(e){
  if( $(e.target).is('li.text') ){
      return;
  }
  /* other code*/

})

DEMO：http://jsfiddle.net/P2Kyk/32/

将所选文本绑定到选择框的属性

1 个答案: