av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術(shù)文章
文章詳情頁

javascript - 關(guān)于禁用文本選擇與復(fù)制的問題

瀏覽:126日期:2023-05-11 08:16:28

問題描述

樣式如下

.test1 { user-select: none;}html 結(jié)構(gòu)如下

<body><p class='content'> <p class='test2'>111</p> <p class='test1'>222</p> <p class='test2'>333</p> <p class='test1'>444</p> <p class='test2'>555</p></p></body>

給其中的某幾項做了禁用本文選擇,單獨對某一項選擇時,確實能夠禁用選擇,其中的內(nèi)容也無法復(fù)制,但是如果用cmd + a 進行全選時,會看到被禁用的項在頁面上顯示的是沒有被選擇,但此時內(nèi)容能被復(fù)制下來。

接下來用 js 去控制:

[].forEach.call(document.querySelectorAll(’.test1’), (node) => { node.addEventListener(’copy’, (e) => { e.stopPropagation(); e.preventDefault(); console.log(1); return false; }, true); node.addEventListener(’selectstart’, (e) => { e.stopPropagation(); e.preventDefault(); console.log(2); return false; }, true);});

發(fā)現(xiàn)還是會在單獨選取時生效,但全部選取時就失敗了,所以想問下有什么辦法能夠在可選取的節(jié)點中穿插不可選取的節(jié)點,還能使得全選復(fù)制時只選取到可選取的內(nèi)容。

問題解答

回答1:

可以換種思路,比如把文本放到css中。css中的文本就完全無法選中和復(fù)制了。隨手寫了個測試代碼:

JsFiddle: https://jsfiddle.net/d95cugaL/

JsBin: http://jsbin.com/nowoxuceta/e...

或者再進一步,直接把文本放在圖片上...

回答2:

這兒有個思路,就是你可以禁止ctrl+c的鼠標(biāo)事件。//禁止ctrl復(fù)制

document.onkeydown=function(){ if((event.ctrlKey) && (window.event.keycode==67)){ event.returnValue=false; alert('Ctrl+C被禁止啦!'); }}

如果全選有問題,也可以禁止ctrl+A

標(biāo)簽: JavaScript
相關(guān)文章:
主站蜘蛛池模板: 激情毛片| 日本xx视频免费观看 | 国产精品视频网址 | av中文字幕在线播放 | 亚洲日韩中文字幕一区 | 操视频网站 | 精品啪啪 | 久久久九九| 日韩中文字幕在线观看视频 | 久草色播| 夜夜精品浪潮av一区二区三区 | 国产98色在线 | 中文字幕欧美一区 | 中文字幕在线视频免费观看 | 午夜资源 | 免费国产视频 | 国产日韩欧美二区 | 成人在线观看免费爱爱 | 中文字幕在线观看精品 | 中文字幕 国产精品 | 亚洲逼院 | 成人在线视频网 | 精品久久久久久久久久久久久久 | 亚洲永久| 国产露脸国语对白在线 | 久久这里只有精品首页 | 日韩播放 | 久久久高清 | 一区中文字幕 | 日韩精品 电影一区 亚洲 | 亚洲a视频 | 久久成人精品视频 | 午夜精品久久久久久 | 久久9热 | 亚洲欧美精品 | 欧美国产中文 | 久久tv在线观看 | 亚洲劲爆av | 欧美在线观看网站 | 九九热精品在线 | 欧美一区二区综合 |