想要實現一個功能,對textarea里面的內容,右鍵選中內容,出現自定義菜單,類似添加p標簽、添加span標簽、添加h1-h6標簽,之后可以對選中的Neri前后添加上對應的標簽,類似于
實現思路:
1:阻止默認右鍵事件
2:利用contextmenu事件自定義右鍵功能,顯示自定義菜單
3:點擊自定義菜單里的標簽,對選中區域前后區域提那家上對應標簽
4:添加完之后影藏自定義菜單
注意:主要是用了HTML5新增的contextmenu屬性(上下文菜單),
selectionStart:獲取或設置當前所選內容的起始位置的字符索引。 selectionEnd:獲取或設置當前所選內容的末尾位置的字符索引。
Code如下:
選中右鍵加標簽 請選擇需要插入標簽的內容區域
快來試試吧~
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/92427.html
摘要:的下載安裝的下載安裝下載安裝只需要解壓后就能使用卸載只需要將文件夾刪除就可以了注意開發軟件的安裝目錄中,盡量不要出現空格與中文的特點免費純語言編寫免安裝擴展性強的工作空間和新建工程的工作空間和新建工程工作空間其實就是我們寫的源代碼所在的目錄 01Eclipse的下載安裝 * A: Eclipse的下載安裝 ? * a: 下載 * http://ww...
摘要:取消默認的復制事件被復制的文字等下插入防知乎掘金復制一兩個字則不添加版權信息超過一定長度的文字就添加版權信息作者鏈接來源掘金著作權歸作者所有。以上參考資料高程操作剪貼板網頁上如何實現禁止復制粘貼以及如何破解原生實現點擊按鈕復制文本 showImg(https://segmentfault.com/img/remote/1460000015942602?w=1280&h=720); 前言...
摘要:取消默認的復制事件被復制的文字等下插入防知乎掘金復制一兩個字則不添加版權信息超過一定長度的文字就添加版權信息作者鏈接來源掘金著作權歸作者所有。以上參考資料高程操作剪貼板網頁上如何實現禁止復制粘貼以及如何破解原生實現點擊按鈕復制文本 showImg(https://segmentfault.com/img/remote/1460000015942602?w=1280&h=720); 前言...
摘要:取消默認的復制事件被復制的文字等下插入防知乎掘金復制一兩個字則不添加版權信息超過一定長度的文字就添加版權信息作者鏈接來源掘金著作權歸作者所有。以上參考資料高程操作剪貼板網頁上如何實現禁止復制粘貼以及如何破解原生實現點擊按鈕復制文本 showImg(https://segmentfault.com/img/remote/1460000015942602?w=1280&h=720); 前言...
閱讀 2710·2023-04-25 14:59
閱讀 904·2021-11-22 11:59
閱讀 645·2021-11-17 09:33
閱讀 2475·2021-09-27 13:34
閱讀 3909·2021-09-09 11:55
閱讀 2328·2019-08-30 15:44
閱讀 1133·2019-08-30 14:06
閱讀 1933·2019-08-29 16:55