Vấn đề vi phạm bản quyền, chôm chỉa bài viết trong giới blogger đang diễn ra rất nóng, và được rất nhiều bạn quan tâm, mình thường xuyên nhận được các yêu cầu đại loại như làm thế nào để chống copy bài viết. Có nhiều giải phải được đưa ra, tuy nhiên vẫn chưa có cách nào triệt để. Dưới đây mình xin giới thiệu một cách là chống quét khối dữ liệu bằng CSS, nó rất đơn giản và linh hoạt tuy nhiên rất hiệu quả, phần nào gây khó khăn cho các chuyên gia copy.
Bạn mở file style.css ở trong theme của bạn và thêm đoạn code này vào bất kỳ thẻ nào mà bạn muốn chống quét khối.
1 2 | -moz-user-select:none; -webkit-user-select:none; |
Ví dụ mình thêm vào body (sẽ chống quét chuột cho toàn bộ trang web).
1 2 3 4 | body { -moz-user-select:none; -webkit-user-select:none; } |
Lý do mình khuyên các bạn nên chọn cách sử dụng kỹ thuật CSS vì nó rất đơn giản và không gây lỗi gì cho web của bạn.
Demo
<– Bắt đầu chống quét khối –>
Bạn thử quét chuột vào dòng demo này xem thế nào nhé.
<– Kết thúc chống quét khối –>
Để cho phép copy trong 1 thẻ nào đó các bạn hãy thêm thuộc tính :
Bạn thử quét chuột vào dòng demo này xem thế nào nhé.
<– Kết thúc chống quét khối –>
-webkit-user-select: text;
-moz-user-select: text;
Các bạn có thể ứng dụng để copy wattpad nhé! Bằng cách chuột phải / Kiểm Tra Phần Tử / Styles / -webkit-user-select: none; /bỏ tíck ở ô đó / tắt Kiểm Tra Phần Tử và copy thôi. :) Chúc bạn thành công!
0 nhận xét:
Đăng nhận xét