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