Chèn thêm đường dẫn tới bài viết khi người dùng copy nội dung trên trang website

Để thêm phần thú vị, khi người dùng copy bất kì nội dung nào trên trang website của bạn, thì nội dung copy sẽ tự động chèn thêm đường link đến bài viết
Ví dụ như hình sau:
Chèn thêm đường dẫn tới bài viết khi người dùng copy nội dung trên trang website
Để làm được điều đó, bạn cần chèn đoạn jquery sau vào website của mình

<script type = "text/javascript"> $("body").bind('copy', function (e) {
if (typeof window.getSelection == "undefined") {
return;
}
var body_element = document.getElementsByTagName('body')[0];
var selection = window.getSelection();
if (("" + selection).length < 30) {
return;
}
var newdiv = document.createElement('div');
newdiv.style.position = 'absolute';
newdiv.style.left = '-99999px';
body_element.appendChild(newdiv);
newdiv.appendChild(selection.getRangeAt(0).cloneContents());
if (selection.getRangeAt(0).commonAncestorContainer.nodeName == "PRE") {
newdiv.innerHTML = "<pre>" + newdiv.innerHTML + "</pre>";
}
newdiv.innerHTML += "<br /><br />Đọc thêm tại: <a href='" + document.location.href + "'>" + document.location.href + "</a> &copy; nuke-viet.blogspot.com";
selection.selectAllChildren(newdiv);
window.setTimeout(function () {
body_element.removeChild(newdiv);
},
200);
}); </script>
Chúc các bạn thành công!

Post a Comment

0 Comments