Thứ Ba, 16 tháng 12, 2014

[HTML Code] "Chọn tất cả" với 1 cú nhấp chuột

Code này dùng để giúp người xem blog/ website của bạn dễ dàng sao chép một nội dung nào đó trong bài viết của bạn. Chỉ với một cú nhấp chuột, máy tính sẽ chọn tất cả nội dung đó mà ta không cần phải kéo chuột.

1. Đặt code dưới đây vào ngay trước thẻ </head> của trang web:

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script>
<script type="text/javascript">
$(function(){
$(document).on('click','input[type=text]',function(){ this.select(); });
});
</script>

2. Đặt code dưới đây vào bài viết/ bài đăng ở nơi mà bạn cho là thích hợp:

<input type="text" value="nội dung cần chọn" onclick="this.select();"/>

3. Thay nội dung cần chọn bằng nội dung mà nó sẽ được chọn tất cả (phủ khối tất cả) sau 1 cú nhập chuột.

Ví dụ (bạn thử nhấp chuột vào nội dung trong khung bên dưới):

Không có nhận xét nào:

Đăng nhận xét