본문 바로가기

IT/Script

[JS]focus, blur를 이용한 동적 타이틀 만들기


#자바스크립트

#focus

#blur

 

자바스크립트를 이용해서 동적 타이틀 만들기

홈페이지 타이틀 두개쓰기(?)

 

웹서핑중 신박한걸 발견해서 바로 블로그에 적용하였음

 

#간단하게 움짤로 동작하는 모습 확인

 

자바스크립트 코드 확인

var pageTitle = $("title").text();
console.log(pageTitle)
$(window).focus(function() {
 document.title = pageTitle;
});
$(window).blur(function() {
 document.title = 'We miss you ♥';
});

 

#블로그에 적용하기

JS파일 다운로드

 

title.js

 

스킨편집 메뉴에서 다운받은 js파일업로드

 

 

HTML편집 메뉴에서 업로드한 js파일추가

<script src="./images/title.js"></script>