2012-09-21 20 views
6

बटन और div दोनों में एक ही 'ऑनक्लिक' कोड है, फिर भी execCommand केवल बटन पर काम करता प्रतीत होता है। क्या div को दबाते समय मैं इसे काम कर सकता हूं? http://jsfiddle.net/ZzL8y/4/
यह पूरा जवाब नहीं है, लेकिन इन कड़ियों आप मदद कर सकते हैं: - -: http://jsfiddle.net/foreyez/ZzL8y/जब मैं div पर क्लिक करता हूं तो document.execCommand क्यों काम नहीं करता है?

<button onclick="document.execCommand('bold',false,null);">Bold</button> 
<div onclick="document.execCommand('bold',false,null);" style='border:1px solid black;width:50px;'>Bold</div> 

<div id='input' contenteditable='true'> 
    select some of this text and then hit one of the buttons above 
</div> 

+0

मुझे लगता है कि यह div के साथ काम नहीं करता क्योंकि आप फोकस और चयन खो देते हैं। बटन के साथ फोकस रखा जाता है। – DeadAlready

उत्तर

21

आप क्योंकि यह फोकस चुरा अपने div पर mousedown घटना को रोकने के लिए की जरूरत है:

Updated fiddle

+0

शानदार कॉन्सटैंटिन! – Anthony

0

Firefox के लिए, यह execCommand से पहले contenteditable = सच स्थापित करने के लिए आवश्यक है।

आईई के लिए यह आवश्यक नहीं है।

संबंधित मुद्दे

 संबंधित मुद्दे