본문 바로가기
웹관련/JavaScript-Jquery

[자바스크립트] 익스,크롬,사파리,파이어폭스 즐겨찾기 추가하기

by 착한덕환 2017. 5. 26.



즐겨찾기 기능을 Jquery 로 구연한부분입니다.

on 메서드를 이용하여 구연하였습니다.


jquery 부분


$('#favorite').on('click', function(e) { 

var bookmarkURL = window.location.href; 

var bookmarkTitle = document.title;

var triggerDefault = false; 

if (window.sidebar && window.sidebar.addPanel) { 

// Firefox version < 23 

window.sidebar.addPanel(bookmarkTitle, bookmarkURL, ''); 

} else if ((window.sidebar && (navigator.userAgent.toLowerCase().indexOf('firefox') > -1)) || (window.opera && window.print)) { 

// Firefox version >= 23 and Opera Hotlist 

var $this = $(this); 

$this.attr('href', bookmarkURL); 

$this.attr('title', bookmarkTitle); 

$this.attr('rel', 'sidebar'); 

$this.off(e); 

triggerDefault = true; 

} else if (window.external && ('AddFavorite' in window.external)) { 

// IE Favorite 

window.external.AddFavorite(bookmarkURL, bookmarkTitle); 

} else { 

// WebKit - Safari/Chrome 

alert((navigator.userAgent.toLowerCase().indexOf('mac') != -1 ? 'Cmd' : 'Ctrl') + '+D 키를 눌러 즐겨찾기에 등록하실 수 있습니다.'); 

return triggerDefault; 

});


HTML 부분


<a href='#' id="favorite">즐겨찾기추가</a>


웹작업시 정말 자주 사용하는 방법이니 기록해둡니다 ^^

댓글