Thêm chức năng bôi đen code chỉ với click đúp chuột

Đối với những blog hay chia sẽ các đoạn code dài nằm trong thẻ pre thì bài viết sau đây cực kỳ hữu ích. Thủ thuật sau sẽ hướng dẫn làm cách nào để bôi đen một đoạn code dài chỉ với cú click đúp chuột (double click)

Thực hiện

Để thêm tiện ích này vào blog bạn thêm javascript bên dưới vào template của mình trước thẻ </body> sau đó lưu lại template

<script type='text/javascript'> 
var pres = document.getElementsByTagName(&quot;pre&quot;);
for (var i = 0; i &lt; pres.length; i++) {
  pres[i].addEventListener(&quot;dblclick&quot;, function () {
    var selection = getSelection();
    var range = document.createRange();
    range.selectNodeContents(this);
    selection.removeAllRanges();
    selection.addRange(range);
  }, false);
}
</script>

Bạn đang xem bài viết "Thêm chức năng bôi đen code chỉ với click đúp chuột" tại chuyên mục: Blogspot , Javascript

Copy to clipboard

Bài viết liên quan:

Xem thêm

< >

Hiện thêm

Chèn hình ảnh: Chỉ cần dán link hình ảnh - Upload ảnh

Chèn code: [pre]Code đã mã hóa [/pre]

Chèn emoji: Nhấn tổ hợp phím “Windows + . (dấu chấm)”

Chèn link: Click để chèn link