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