선택 상자의 텍스트를 선택 상자에 바인딩

Question

텍스트 상자의 텍스트를 div 블록에 추가하는 작은 애플리케이션을 만듭니다. 사용자가 노란색 div 텍스트를 클릭하면 추가되지 않고 글꼴의 속성 (글꼴 패밀리, 글꼴 크기)이 선택한 텍스트는 또한 선택 박스

$(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/