Delicious Facebook RSS Feed

OnClick và Href

Ví dụ 1: Rê chuột vào link sẽ chỉ là liên kết hiện tại trang đang đứng nhưng khi click vào link thì sẽ thực hiện js bất kì trong trừơng hợp này là alert().
Nhược điểm: không click chuột phải New tab hay new window dc, đường link khi rê chuột vào không thể hiện chính xác url ở thanh status nếu như sự kiện oclick là openwindow tới 1 trang khác
<a href="#" onclick="alert('ne')" >Link</a>
Kết quả:
Link

Ví dụ 2: Ở thanh trạng thái status chỉ xuất hiện dòng "javascript:alert('nè')" trong thẻ href.
Nhược điểm: không click chuột phải New tab hay new window dc.
<a href="javascript:alert('ne')"  >Link</a>
Kết quả:
Link

Ví dụ 3: Khắc phục 2 cách trên, thanh status thể hiện chính xác url khi click vào link nên click chuột phải new tab cũng dc. thêm sự kiện js xử lí khi click. event.ctrlKey là bool trả về khi nhấn phím Ctrl và window.opera trả về bool khi trình duyệt là opera.
Giải thích onclick: nếu ko nhấn phím Ctrl và trình duyệt ko phải là opera thì alert lên và vô hiệu hóa thuộc tính href bởi lệnh return false, nghĩa là click vào link xuất hiện alert nhưng ko nhảy tới trang web dc ghi trong thẻ href. Ngược lại các trường hợp khac thì nhảy tới url mô tả trong href.

<a href="http://www.blogger.com" onclick="if(!event.ctrlKey&&!window.opera){ alert("nè") ;return false;}else{return true;}" target="_blank" >Link</a>
Kết quả:
Link

0 comments:

Post a Comment