tra-loi-cau-hoi-phat-trien-web.com

Làm thế nào để tắt đánh dấu lựa chọn văn bản?

Đối với các neo hoạt động như các nút (ví dụ: Câu hỏi , Thẻ , Người dùng , v.v. ở đầu trang Stack Overflow) hoặc các tab, có một cách chuẩn CSS hiệu ứng tô sáng nếu người dùng vô tình chọn văn bản?

Tôi nhận ra điều này có thể được thực hiện với JavaScript và một chút googling mang lại tùy chọn -moz-user-select chỉ dành cho Mozilla.

Có cách nào tuân thủ tiêu chuẩn để thực hiện điều này với CSS không, và nếu không, cách tiếp cận "thực hành tốt nhất" là gì?

4597
anon

CẬP NHẬT tháng 1 năm 2017:

Theo Tôi có thể sử dụng , user-select hiện được hỗ trợ trong tất cả các trình duyệt ngoại trừ Internet Explorer 9 và các phiên bản trước đó (nhưng thật đáng buồn vẫn cần tiền tố của nhà cung cấp).


Tất cả các biến thể CSS chính xác là:

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
<p>
  Selectable text.
</p>
<p class="noselect">
  Unselectable text.
</p>


Lưu ý rằng đó là một tính năng không chuẩn (nghĩa là không phải là một phần của bất kỳ đặc điểm kỹ thuật nào). Nó không được đảm bảo để hoạt động ở mọi nơi và có thể có sự khác biệt trong việc triển khai giữa các trình duyệt và trong các trình duyệt trong tương lai có thể bỏ hỗ trợ cho nó.


Thông tin thêm có thể được tìm thấy trong Tài liệu Mạng của Nhà phát triển Mozilla .

6710
Blowsie

Trong hầu hết các trình duyệt, điều này có thể đạt được bằng cách sử dụng các biến thể độc quyền trên thuộc tính CSS user-select, ban đầu được đề xuất và sau đó bị bỏ rơi trong CSS3 và hiện được đề xuất trong CSS UI Cấp 4 :

*.unselectable {
   -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;

   /*
     Introduced in IE 10.
     See http://ie.Microsoft.com/testdrive/HTML5/msUserSelect/
   */
   -ms-user-select: none;
   user-select: none;
}

Đối với IE <10 và Opera <15, bạn sẽ cần sử dụng thuộc tính unselectable của thành phần bạn muốn không thể chọn. Bạn có thể thiết lập điều này bằng cách sử dụng một thuộc tính trong HTML:

<div id="foo" unselectable="on" class="unselectable">...</div>

Đáng buồn là thuộc tính này không được kế thừa, có nghĩa là bạn phải đặt một thuộc tính vào thẻ bắt đầu của mọi thành phần bên trong <div>. Nếu đây là một vấn đề, thay vào đó, bạn có thể sử dụng JavaScript để thực hiện điều này một cách đệ quy cho hậu duệ của một thành phần:

function makeUnselectable(node) {
    if (node.nodeType == 1) {
        node.setAttribute("unselectable", "on");
    }
    var child = node.firstChild;
    while (child) {
        makeUnselectable(child);
        child = child.nextSibling;
    }
}

makeUnselectable(document.getElementById("foo"));

Cập nhật ngày 30 tháng 4 năm 2014: Chuyển đổi cây này cần được chạy lại bất cứ khi nào một phần tử mới được thêm vào cây, nhưng dường như từ một nhận xét của @Han rằng có thể tránh điều này bằng cách mousedown bộ xử lý sự kiện đặt unselectable vào mục tiêu của sự kiện. Xem http://jsbin.com/yagekiji/1 để biết chi tiết.


Điều này vẫn không bao gồm tất cả các khả năng. Mặc dù không thể bắt đầu các lựa chọn trong các phần tử không thể chọn, nhưng trong một số trình duyệt (ví dụ IE và Firefox), vẫn không thể ngăn các lựa chọn bắt đầu trước và kết thúc sau phần tử không thể chọn mà không làm cho toàn bộ tài liệu không thể chọn.

776
Tim Down

Một giải pháp JavaScript cho IE là

onselectstart="return false;"
177
Pekka 웃

Cho đến khi CSS 3's user-select property trở nên khả dụng, Gecko - các trình duyệt dựa trên hỗ trợ thuộc tính -moz-user-select mà bạn đã tìm thấy. WebKit và các trình duyệt dựa trên Blink hỗ trợ thuộc tính -webkit-user-select.

Điều này tất nhiên không được hỗ trợ trong các trình duyệt không sử dụng công cụ kết xuất Gecko.

Không có "tiêu chuẩn" nào tuân thủ nhanh chóng và dễ dàng để làm điều đó; sử dụng JavaScript là một tùy chọn.

Câu hỏi thực sự là, tại sao bạn muốn người dùng không thể làm nổi bật và có lẽ sao chép và dán các yếu tố nhất định? Tôi đã không bắt gặp một lần mà tôi muốn không cho phép người dùng làm nổi bật một phần nhất định của trang web của tôi. Một số bạn bè của tôi, sau khi dành nhiều giờ để đọc và viết mã sẽ sử dụng tính năng nổi bật như một cách để nhớ vị trí của họ trên trang hoặc cung cấp một điểm đánh dấu để mắt họ biết nơi tiếp theo.

Nơi duy nhất tôi có thể thấy điều này hữu ích là nếu bạn có các nút cho các biểu mẫu không nên sao chép và dán nếu người dùng sao chép và dán trang web.

171
X-Istence

Nếu bạn muốn tắt lựa chọn văn bản trên mọi thứ trừ các phần tử <p>, bạn có thể thực hiện điều này bằng CSS (xem ra -moz-none cho phép ghi đè trong các thành phần phụ, được phép trong các trình duyệt khác có none):

* {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
}

p {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -o-user-select: text;
    user-select: text;
}
125
Benjamin Crouzier

Trong các lựa chọn giải pháp trên bị dừng, nhưng người dùng vẫn nghĩ rằng bạn có thể chọn văn bản vì con trỏ vẫn thay đổi. Để giữ cho nó tĩnh, bạn sẽ phải đặt con trỏ CSS của mình:

.noselect {
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
<p>
  Selectable text.
</p>
<p class="noselect">
  Unselectable text.
</p>

Điều này sẽ làm cho văn bản của bạn hoàn toàn bằng phẳng, giống như nó sẽ có trong một ứng dụng máy tính để bàn.

114
ZECTBynmo

Bạn có thể làm như vậy trong Firefox và Safari (Chrome cũng vậy?)

::selection { background: transparent; }
::-moz-selection { background: transparent; }
103
seanmonstar

Giải pháp cho WebKit :

/* Disable tap highlighting */
-webkit-tap-highlight-color: rgba(0,0,0,0);

Tôi tìm thấy nó trong một ví dụ về CardFlip.

75
Alex

Tôi thích giải pháp lai CSS + jQuery.

Để làm cho tất cả các thành phần bên trong <div class="draggable"></div> không thể chọn, hãy sử dụng CSS này:

.draggable {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.draggable input { 
    -webkit-user-select: text; 
    -khtml-user-select: text; 
    -moz-user-select: text; 
    -o-user-select: text; 
    user-select: text; 
 }

Và sau đó, nếu bạn đang sử dụng jQuery, hãy thêm phần này vào trong khối $(document).ready():

if (($.browser.msie && $.browser.version < 10) || $.browser.opera) $('.draggable').find(':not(input)').attr('unselectable', 'on');

Tôi cho rằng bạn vẫn muốn bất kỳ yếu tố đầu vào nào có thể tương tác được, do đó, bộ chọn giả :not(). Bạn có thể sử dụng '*' thay vào đó nếu bạn không quan tâm.

Hãy cẩn thận: IE9 có thể không cần phần jQuery bổ sung này, vì vậy bạn có thể muốn thêm một phiên bản kiểm tra trong đó.

67
Tom Auger

.hidden:after {
    content: attr(data-txt);
}
<p class="hidden" data-txt="Some text you don't want to be selected"></p>

Đó không phải là cách tốt nhất, mặc dù.

65
Ale

Bạn có thể sử dụngCSShoặc JavaScript cho điều đó, JavaScript way được hỗ trợ trong các trình duyệt cũ hơn như IE cũ, nhưng nếu không phải là trường hợp của bạn, thì hãy sử dụng cách CSS sau đó:

HTML/JavaScript:

<html onselectstart='return false;'>
  <body>
    <h1>This is the Heading!</h1>
    <p>And I'm the text, I won't be selected if you select me.</p>
  </body>
</html>

HTML/CSS:

.not-selectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
<body class="not-selectable">
  <h1>This is the Heading!</h1>
  <p>And I'm the text, I won't be selected if you select me.</p>
</body>

62
Alireza

Ngoài ra, đối với Internet Explorer, bạn cần thêm tập trung lớp giả (.ClassName: tập trung) và phác thảo-style: none .

.ClassName,
.ClassName:focus {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline-style:none;/*IE*/
}
57
Elad Shechter

Đang làm việc

CSS:

 -khtml-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
  user-select: none;
 -webkit-touch-callout: none;
 -webkit-user-select: none;

Điều này sẽ hoạt động, nhưng nó sẽ không hoạt động cho các trình duyệt cũ. Có một vấn đề tương thích trình duyệt.

46
suraj rawat
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;

*.unselectable {
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   user-select: none;
}
<div id="foo" unselectable="on" class="unselectable">...</div>
function makeUnselectable(node) {
    if (node.nodeType == 1) {
        node.unselectable = true;
    }
    var child = node.firstChild;
    while (child) {
        makeUnselectable(child);
        child = child.nextSibling;
    }
}

makeUnselectable(document.getElementById("foo"));
-webkit-user-select:none;
-moz-user-select:none;
onselectstart="return false;"
::selection { background: transparent; }
::-moz-selection { background: transparent; }

* {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: -moz-none;
-o-user-select: none;
user-select: none;
}

p {
-webkit-user-select: text;
-khtml-user-select: text;
-moz-user-select: text;
-o-user-select: text;
user-select: text;
}
<div class="draggable"></div>
.draggable {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.draggable input { 
    -webkit-user-select: text; 
    -khtml-user-select: text; 
    -moz-user-select: text; 
    -o-user-select: text; 
    user-select: text; 
 }
if ($.browser.msie) $('.draggable').find(':not(input)').attr('unselectable', 'on');
46
Gaurang

Đối với những người gặp khó khăn khi đạt được điều tương tự trong trình duyệt Android với sự kiện chạm, hãy sử dụng:

html,body{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
}
46
Beep.exe

Nếu bạn đang sử dụng Ít hơnBootstrap bạn có thể viết:

.user-select(none);
45
Codler

Hãy thử chèn các hàng này vào CSS và gọi "disHighlight" tại thuộc tính lớp:

.disHighlight{
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
    -o-user-select: none;
    -moz-user-select: none;
}
35
user1012506

Ngoài thuộc tính chỉ có Mozilla, không, không có cách nào để vô hiệu hóa lựa chọn văn bản chỉ bằng CSS tiêu chuẩn (tính đến thời điểm hiện tại).

Nếu bạn để ý, Stack Overflow không vô hiệu hóa lựa chọn văn bản cho các nút điều hướng của họ và tôi khuyên bạn không nên làm như vậy trong hầu hết các trường hợp, vì nó sửa đổi hành vi lựa chọn bình thường và khiến nó xung đột với mong đợi của người dùng.

33
hbw

Điều này hoạt động trong một số trình duyệt:

::selection{ background-color: transparent;}
::moz-selection{ background-color: transparent;}
::webkit-selection{ background-color: transparent;}

Chỉ cần thêm các thành phần/id mong muốn của bạn vào trước các bộ chọn được phân tách bằng dấu phẩy không có dấu cách, như vậy:

h1::selection,h2::selection,h3::selection,p::selection{ background-color: transparent;}
h1::moz-selection,h2::moz-selection,h3::moz-selection,p::moz-selection{ background-color: transparent;}
h1::webkit-selection,h2::webkit-selection,h3::webkit-selection,p::webkit-selection{ background-color: transparent;}

Các câu trả lời khác là tốt hơn; điều này có lẽ nên được xem như là một phương sách cuối cùng.

32
r3wt

Giả sử có hai div như thế này

.second {
  cursor: default;
  user-select: none;
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE/Edge */
  -webkit-touch-callout: none;
  /* iOS Safari */
}
<div class="first">
  This is my first div
</div>

<div class="second">
  This is my second div
</div>

Đặt con trỏ thành mặc định để nó mang lại cảm giác không thể chọn cho người dùng /

Tiền tố cần được sử dụng để hỗ trợ nó trong tất cả các trình duyệt không có tiền tố, điều này có thể không hoạt động trong tất cả các câu trả lời.

32
Gaurav Aggarwal

Điều này sẽ hữu ích nếu không cần chọn màu:

::-moz-selection { background:none; color:none; }
::selection { background:none; color:none; }

... tất cả các bản sửa lỗi trình duyệt khác. Nó sẽ hoạt động trong Internet Explorer 9 hoặc mới hơn.

29
karthipan raj

Thêm phần này vào div đầu tiên mà bạn muốn tắt lựa chọn cho văn bản:

onmousedown='return false;' 
onselectstart='return false;'
28
Chase1986

CHÚ THÍCH:

Câu trả lời đúng là chính xác ở chỗ nó ngăn bạn không thể chọn văn bản. Tuy nhiên, điều đó không ngăn bạn có thể sao chép văn bản, vì tôi sẽ hiển thị với một vài ảnh chụp màn hình tiếp theo (kể từ ngày 7 tháng 11 năm 2014).

Before we have selected anything

After we have selected

The numbers have been copied

Như bạn có thể thấy, chúng tôi không thể chọn các số, nhưng chúng tôi có thể sao chép chúng.

Đã thử nghiệm trên: Ubuntu , Google Chrome 38.0.2125.111.

28
Luke Madhanga

Để có kết quả tôi cần, tôi thấy tôi phải sử dụng cả::selectionuser-select

input.no-select:focus { 
    -webkit-touch-callout: none; 
    -webkit-user-select: none; 
    -khtml-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
}

input.no-select::selection { 
    background: transparent; 
}

input.no-select::-moz-selection { 
    background: transparent; 
}
24
SemanticZen

Đây không phải là CSS, nhưng nó đáng được đề cập:

jQuery UI Vô hiệu hóa lựa chọn :

$("your.selector").disableSelection();
22
Automatico

Kiểm tra giải pháp của tôi mà không cần JavaScript:

jsFiddle

li:hover {
    background-color: silver;
}
#id1:before {
    content: "File";
}
#id2:before {
    content: "Edit";
}
#id3:before {
    content: "View";
}
<ul>
    <li><a id="id1" href="www.w1.com"></a>
    <li><a id="id2" href="www.w2.com"></a>
    <li><a id="id3" href="www.w3.com"></a>
</ul>

Menu popup với kỹ thuật của tôi được áp dụng: http://jsfiddle.net/y4Lac/2/

21
zgnilec

Mặc dù phần tử giả này nằm trong bản nháp của Bộ chọn CSS cấp 3, nhưng phần tử này đã bị xóa trong giai đoạn Đề xuất của Ứng viên, vì có vẻ như hành vi của nó đã được chỉ định rõ, đặc biệt là với các phần tử lồng nhau và khả năng tương tác không đạt được.

Nó đang được thảo luận trong Cách :: lựa chọn hoạt động trên các phần tử lồng nhau.

Mặc dù nó đang được triển khai trong trình duyệt, bạn có thể tạo ảo giác về văn bản không được chọn bằng cách sử dụng cùng màu và màu nền khi chọn như thiết kế tab (trong trường hợp của bạn).

Thiết kế CSS bình thường

p { color: white;  background: black; }

Về lựa chọn

p::-moz-selection { color: white;  background: black; }
p::selection      { color: white;  background: black; }

Không cho phép người dùng chọn văn bản sẽ nêu ra các vấn đề về khả năng sử dụng.

21
Suraj Naik

Cập nhật hack nhanh: Tháng 3 năm 2017 -từ Thủ thuật CSS

Nếu bạn đặt giá trị 'không' cho tất cả các thuộc tính chọn người dùng CSS như được hiển thị bên dưới, có một vấn đề vẫn có thể xảy ra bởi điều này.

.div{
  -webkit-user-select: none; /* Chrome all / Safari all */
  -moz-user-select: none;   /* Firefox all */
  -ms-user-select: none;  /* IE 10+ */
   user-select: none;  /* Likely future */ 
}

Như CSS-Trick cho biết vấn đề là

  • WebKit vẫn cho phép văn bản được sao chép nếu bạn chọn các yếu tố xung quanh nó.

Vì vậy, bạn cũng có thể sử dụng cái bên dưới thay vào đó để thực thi rằng toàn bộ phần tử được chọn là giải pháp cho vấn đề. Tất cả bạn phải làm là thay đổi giá trị 'không' thành 'tất cả' trông giống như thế này

.force-select {  
  -webkit-user-select: all;  /* Chrome 49+ */
  -moz-user-select: all;     /* Firefox 43+ */
  -ms-user-select: all;      /* No support yet */
  user-select: all;          /* Likely future */   
}
15
Kaz

Tôi đã học được từ CSS-Tricks website.

user-select: none;

Và điều này cũng:

::selection{ background-color: transparent;}
::moz-selection{ background-color: transparent;}
::webkit-selection{ background-color: transparent;}
15
Mohammed Javed

Dễ dàng thực hiện với:

-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;

cách khác:

Giả sử bạn có <h1 id="example">Hello, World!</h1>, Điều bạn sẽ phải làm là xóa nội bộHTML của h1: trong trường hợp này Xin chào, Thế giới . Sau đó, bạn sẽ phải đi đến css và làm điều này:

#example::before //You can ofc use **::after** as well.
{
  content: 'Hello, World!'; //Both single-quotes and double-quotes can be used here.

  display: block; //To make sure it works fine in every browser.
}

Bây giờ nó chỉ đơn giản nghĩ rằng nó là một yếu tố khối, và không phải là một văn bản.

11
codeWithMe

Hãy thử sử dụng cái này:

::selection {
    background: transparent;
}

Và nếu bạn muốn chỉ định không chọn bên trong một phần tử cụ thể, chỉ cần đặt lớp phần tử hoặc id trước quy tắc chọn, chẳng hạn như:

.ClassNAME::selection {
    background: transparent;
}
#IdNAME::selection {
    background: transparent;
}
10
mustafa-elhelbawy

Hiệu ứng nổi bật này là do hành động được gọi là hover (onMouseHover) . Khi bạn sẽ di chuột trên bất kỳ tab nào, màu của nó sẽ bị thay đổi .

<div class="menu">
 <ul class="effect">
   <li>Questions </li>
   <li>JOBS </li>
   <li>Users</li>
 </ul>
</div>

<!-- CSS CODE -->

.effect:hover{
   color: none;
}

Bạn có thể cho bất kỳ màu nào nếu bạn muốn làm nổi bật nó, nếu không bạn không thể đưa ra màu nào.

10
Pushp Singh

Bạn có thể sử dụng thuộc tính do người dùng chọn như bên dưới cho điều đó ..

p {  
     -webkit-user-select: none;  /* Chrome all / Safari all */
     -moz-user-select: none;     /* Firefox all */
     -ms-user-select: none;      /* IE 10+ */
      user-select: none;          /* Likely future */             
   }

Liên kết cho Mô tả chi tiết

9
Chirag Dave
 -webkit-user-select: none;  
  -moz-user-select: none;    
  -ms-user-select: none;      
  user-select: none;
9
Hetal Rupareliya

Nếu bạn muốn tắt lựa chọn và tô sáng cho toàn bộ trang, bạn có thể dễ dàng thực hiện việc này với css

* {
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
       -khtml-user-select: none; /* Konqueror HTML */
         -moz-user-select: none; /* Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none; /* Non-prefixed version, currently
                                    supported by Chrome and Opera */
  }
8
jasonleonhard

Với CSS-

div {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -o-user-select: none;

  "unselectable='on' onselectstart="return false;"
  onmousedown="return false;
}
<div>
  Blabla
  <br/> More Blabla
  <br/> More Blabla...
</div>

6
Abrar Jahin

Thậm chí tốt hơn, bạn có thể vô hiệu hóa lựa chọn văn bản.

nếu bạn thích SASS (SCSS) và bạn không muốn sử dụng la bàn, bạn có thể làm điều này

styles.scss

@mixin user-select($select) {
  -webkit-touch-callout:#{$select};
  @each $pre in -webkit-, -moz-, -ms-, -o-, -khtml- {
  #{$pre + user-select}: #{$select};
  } 
  #{user-select}: #{$select};
}

.no-select {
  @include user-select(none);
}
4
Yevgeniy Afanasyev

Tôi đã kết hợp css trình duyệt khác nhau với thẻ không thể chọn được yêu cầu cho IE <9.

<style>
[unselectable="on"] {
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */
}
</style>
<div unselectable="on">Unselectable Text</div>
4
omikes

Có lẽ bạn có thể sử dụng giải pháp này thông qua: trước

nav li {
	display: inline-block;
	position: relative;
}

nav li a {
	display: inline-block;
	padding: 10px 20px;
}

nav li a:hover {
	color: red;
}

nav li.disabled:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
<nav>
	<ul>
	<li><a href="#">Link</a></li>
	<li class="disabled"><a href="#">Link</a></li>
	<li><a href="#">Link</a></li>
	</ul>
</nav>

JsFiddle - https://jsfiddle.net/grinmax_/9L1cckxu/

1
grinmax

:: lựa chọn {nền: trong suốt; màu: trong suốt;}

:: - moz-select {nền: trong suốt; màu: trong suốt;}

0
Navneet Kumar

Bạn cũng có thể muốn ngăn menu ngữ cảnh xuất hiện khi chạm vào các yếu tố như các nút có lựa chọn của chúng bị chặn. Để làm điều đó, hãy thêm mã này vào toàn bộ trang hoặc chỉ các thành phần nút đó:

$("body").on("contextmenu",function(e){
    return false;
});
0
GeekyMonkey