国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

對textarea選中內容區域右鍵自定義菜單功能

GitChat / 3232人閱讀

想要實現一個功能,對textarea里面的內容,右鍵選中內容,出現自定義菜單,類似添加p標簽、添加span標簽、添加h1-h6標簽,之后可以對選中的Neri前后添加上對應的標簽,類似于

實現思路:
1:阻止默認右鍵事件
2:利用contextmenu事件自定義右鍵功能,顯示自定義菜單
3:點擊自定義菜單里的標簽,對選中區域前后區域提那家上對應標簽
4:添加完之后影藏自定義菜單

注意:主要是用了HTML5新增的contextmenu屬性(上下文菜單),

selectionStart:獲取或設置當前所選內容的起始位置的字符索引。
selectionEnd:獲取或設置當前所選內容的末尾位置的字符索引。

Code如下:




    
    選中右鍵加標簽
    


    
  • 添加p標簽
  • 添加div標簽
  • 添加span標簽
請選擇需要插入標簽的內容區域

快來試試吧~

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/92427.html

相關文章

  • 1、Eclipse開發工具 2、超市庫存管理系統

    摘要:的下載安裝的下載安裝下載安裝只需要解壓后就能使用卸載只需要將文件夾刪除就可以了注意開發軟件的安裝目錄中,盡量不要出現空格與中文的特點免費純語言編寫免安裝擴展性強的工作空間和新建工程的工作空間和新建工程工作空間其實就是我們寫的源代碼所在的目錄 01Eclipse的下載安裝 * A: Eclipse的下載安裝 ? * a: 下載 * http://ww...

    Terry_Tai 評論0 收藏0
  • 前端er怎樣操作剪切復制以及禁止復制+破解等

    摘要:取消默認的復制事件被復制的文字等下插入防知乎掘金復制一兩個字則不添加版權信息超過一定長度的文字就添加版權信息作者鏈接來源掘金著作權歸作者所有。以上參考資料高程操作剪貼板網頁上如何實現禁止復制粘貼以及如何破解原生實現點擊按鈕復制文本 showImg(https://segmentfault.com/img/remote/1460000015942602?w=1280&h=720); 前言...

    mikasa 評論0 收藏0
  • 前端er怎樣操作剪切復制以及禁止復制+破解等

    摘要:取消默認的復制事件被復制的文字等下插入防知乎掘金復制一兩個字則不添加版權信息超過一定長度的文字就添加版權信息作者鏈接來源掘金著作權歸作者所有。以上參考資料高程操作剪貼板網頁上如何實現禁止復制粘貼以及如何破解原生實現點擊按鈕復制文本 showImg(https://segmentfault.com/img/remote/1460000015942602?w=1280&h=720); 前言...

    amuqiao 評論0 收藏0
  • 前端er怎樣操作剪切復制以及禁止復制+破解等

    摘要:取消默認的復制事件被復制的文字等下插入防知乎掘金復制一兩個字則不添加版權信息超過一定長度的文字就添加版權信息作者鏈接來源掘金著作權歸作者所有。以上參考資料高程操作剪貼板網頁上如何實現禁止復制粘貼以及如何破解原生實現點擊按鈕復制文本 showImg(https://segmentfault.com/img/remote/1460000015942602?w=1280&h=720); 前言...

    DevTalking 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<