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