Bài đăng

Đang hiển thị bài đăng từ tháng 5 4, 2015

Làm sao để thẻ DIV trở thành unselectable?

Hình ảnh
Đôi khi vì nhu cầu, chúng ta cần làm cho các thẻ DIV trên trang web của mình không thể bôi đen hoặc chọn được. Nhiều người tò mò về việc làm thế nào làm được chuyện này. Thực ra phương pháp rất đơn giản, nhưng trước hết, tôi xin đề cập đến chuyện "Tại sao chúng ta cần việc này?" Có 2 lý do chính: Vì ứng dụng cần như thế. Ví dụ bạn viết một cái game, và không muốn trình duyệt bôi đen khi người dùng nhấp đôi chuột hoặc Ctrl-A. Vì không muốn để người khác dễ dàng copy. Tôi xin đề cập đến cách làm cho mục đích thứ nhất. Bạn có 2 cách: Sử dụng CSS Sử dụng JS để chặn bôi đen. CSS: .unselectable { -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } Khi đó, thẻ DIV sẽ là dạng: <div id="foo" unselectable="on" class="unselectable">...</div> Bạn phải thêm đoạn unselectable vào thẻ DIV để IE hiểu đúng. Còn cách dùng JS: function disableSelection(target){