즐겨찾기 기능을 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>
웹작업시 정말 자주 사용하는 방법이니 기록해둡니다 ^^
'웹관련 > JavaScript-Jquery' 카테고리의 다른 글
[자바스크립트] 숫자가 카운팅되도록 보여지는 효과 (1) | 2017.10.31 |
---|---|
[자바스크립트] 이벤트함수에서 e와 window.Event 둘다 사용하는 이유 (0) | 2017.10.30 |
[Jquery] 버블버블 효과 (0) | 2017.03.31 |
[자바스크립트] 고정된 배경을 패럴랙스 하는방법 (0) | 2017.03.29 |
[자바스크립트] 마우스 휠 이벤트를 활용하자 (0) | 2016.12.13 |
댓글