-->

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

8.5.18 | 0 nhận xét | lượt xem
Nội Dung Chính [Ẩn] [Hiển thị]
    Đố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>
    Chúc bạn thành công!
    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
    DMCA.com Protection Status

    0

    nhận xét

    Hướng dẫn

    Đăng ký: Đăng Nhận xét (Atom)