본문 바로가기
개발 이야기/Javascript & jQuery

즐겨찾기 등록 크로스 브라우징 소스

by 강한페페 2020. 2. 5.
반응형

$(document).ready(function() {

        $('#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;

        });

});

 

<a href="#" id="favorite"><img src="/image/top_add_btn2.gif" alt="즐겨찾기 추가"/></a>

반응형