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

您的位置:首頁技術文章
文章詳情頁

javascript - 關于禁用文本選擇與復制的問題

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

問題描述

樣式如下

.test1 { user-select: none;}html 結構如下

<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>

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

接下來用 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);});

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

問題解答

回答1:

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

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

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

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

回答2:

這兒有個思路,就是你可以禁止ctrl+c的鼠標事件。//禁止ctrl復制

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

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

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 在线播放中文 | 亚洲精品中文字幕在线观看 | 天堂一区二区三区 | 久久精品国产99国产精品 | 黄色在线免费观看 | 久久久精品综合 | 亚洲区一区二区 | 欧美一区在线视频 | 黄免费观看视频 | 亚洲国产精品一区二区久久 | 激情六月丁香婷婷 | 国产成人一区二区 | 午夜欧美一区二区三区在线播放 | 午夜天堂精品久久久久 | 日韩一区二区在线视频 | 日本三级线观看 视频 | av日韩高清 | 三级成人片 | 欧美精品网站 | 蜜桃av鲁一鲁一鲁一鲁 | caoporon| 久久精品aaa | 亚洲免费三级 | 日韩一区二区三区在线观看视频 | 狠狠久 | 四虎成人精品永久免费av九九 | 欧美久久一区二区三区 | 欧美日韩美女 | 黄色香蕉视频在线观看 | 黄色毛片免费视频 | 欧美激情在线观看一区二区三区 | 色橹橹欧美在线观看视频高清 | 天天欧美| 99国产精品久久久久 | 亚洲国产一区二区在线 | 亚洲欧美一区二区三区国产精品 | 欧美日韩在线免费 | 日韩在线一区二区 | 888久久久 | 二区中文字幕 | 久久99精品久久久久子伦 |