javascript
  • jquery
  • contenteditable
  • 2015-06-02 113 views 1 likes 
    1

    這是一個艱難的一個我。document.execCommand沒有被執行

    得到了一些格式化按鈕的conentEditable股利。其中之一是一個「大膽」按鈕:

    <li data-role="button" data-button-role="bold"><b>B</b></li> 
    

    在我的javascript我得到的代碼這一點和平:

    $(document).ready(function(){ 
        $("[data-role='button'][data-button-role='bold']").click(toggleBoltFormat); 
    }); 
    function toggleBoltFormat() { 
        document.execCommand("bold", false, null); 
    } 
    

    這個事情被稱爲(帶警報()進行測試),但將execCommand行沒有被執行。所以突出顯示的文字不會變得粗體。

    它可同CE-DIV的一些父元素的relativ及絕對位置的問題?

    投入我的鉻合金JS-控制檯docuement.execCommand線時,它工作正常。

    +0

    'designMode'可能需要在'document.designMode = '上;'' – Downgoat

    回答

    0

    嘗試添加類似這樣的HTML的unselectable="on"行爲的東西。創建一個名爲不可選擇一個類,並加入到<li>

    <li data-role="button" data-button-role="bold" class="unselectable"><b>B</b></li> 
    
    .unselectable { 
        -moz-user-select: -moz-none; 
        -khtml-user-select: none; 
        -webkit-user-select: none; 
        -o-user-select: none; 
        user-select: none; 
    } 
    
    +0

    與屬性selctor'*用它[數據角色=「按鈕」]'工作正常。但使用HTML屬性'不可選擇=「上」'什麼都不做,應該嗎? – Jannik

    相關問題