반응형 programming/javascript185 자바스크립트 마우스오버 이벤트 사용 javascript onmouseover event 마우스가 특정 부분을 지나갈 때 효과가 일어나면 흥미와 함께 사용자로 하여금 방향성을 줄 수 있다. 덤으로 마우스의 위치도 찾을 수 있다. 마우스오버 이벤트는 이러한 동작을 하며 onmouseover 이벤트를 사용한다. 보통 쇼핑몰 등에서 상품을 지나갈 때 강조하는 역할을 하여 사용자로 하여금 눈길을 주도록 하는 역할도 한다. 자바스크립트 마우스오버 이벤트 사용 javascript onmouseover event 마우스오버 이벤트는 여러가지 작용을 한다. 먼저 흥미를 유발하고 주목을 하도록 하는 역할이 크다. 무슨 말일까. 보통 쇼핑몰 페이지들을 예로 들어보자. 여러가지 상품이 나열되어 있다. 마우스가 여기저기 돌아다니면서 상품들이 강조된다. 사용자는 거기에 눈길이 가게 된다. 포털검색사이트에서도 이러한.. 2021. 10. 30. 자바스크립트 체인지 이벤트 사용하기 javascript onchange event 웹페이지에서 사용자가 어떤 값을 선택할 때 원하는 동작을 하도록 하면 귀찮은 단계가 없어진다. 사용자가 입력중이거나 조회중인 화면에서 선택지에 따라 다른 데이터를 표시해주면 편하다. 이런 값이 변경되는 상태에 따라 동작을 하는 것이 change 이벤트이다. 자바스크립트 체인지 이벤트 사용하기 javascript onchange event change 이벤트는 사용자가 어떤 값을 선택했을 때 특정작업을 하도록 유도하거나 원하는 정보를 볼 수 있도록 해 준다. 웹페이지의 태그의 상태변화에 따라 동작을 하는 이벤트이기도 하다. 이 이벤트 또한 어떤 태그에 사용해도 무방하다. 단, 입력란의 경우는 조금 다르다. 선택에 따른 태그에 사용하는 것이 적합하다. 이벤트 발생 조건 웹페이지에서 사용자가 값을 선택하면 동.. 2021. 10. 30. 자바스크립트 마우스 클릭 이벤트 만들기 javascript mouse onclick event 웹페이지에서 클릭이벤트는 어떤 동작을 하도록 하는 것이다. 사용자가 마우스를 이용해 어떤 것을 클릭했을 때 동작이 발생한다. 버튼을 클릭하거나 입력란을 클릭하거나 데이터를 조회하거나 등 사용자의 어떤 반응에 의해 일어난다. 자바스크립트 마우스 클릭 이벤트 만들기 javascript onclick event 클릭이벤트는 마우스와 연관이 있다. 보통 사용자가 버튼을 클릭했을 경우에 발생한다. 페이지를 옮겨가거나 데이터를 새로 불러오거나 내용을 입력할 때 등 클릭이벤트는 자주 사용된다. 클릭이벤트 Click Event 자바스크립트의 클릭이벤트는 html의 태그와 함께 사용한다. onclick="메서드명" 의 형식을 따라간다. 웹페이지의 어떤 태그에 onclick 이 있다면 이 태그를 클릭했을 경우 자바스크립트.. 2021. 10. 29. 자바스크립트 이벤트 종류 마우스 또는 키보드를 클릭하면 동작을 하는 것 웹페이지를 만들 때 자바스크립트의 역할은 화면을 동적으로 움직이도록 하는 것이다. 사용자와 메세지를 주고 받거나 데이터를 화면에 보여준다. 텍스트의 효과나 마우스 효과 등 여러가지가 있다. 정적인 웹페이지보다는 조금씩 움직이거나 반응이 있는 홈페이지는 흥미와 재미를 주기도 한다. 자바스크립트 이벤트 종류 마우스 또는 키보드를 클릭하면 동작을 하는 것 웹페이지를 동적으로 움직이게 하거나 메세지를 보여주는 등은 자바스크립트의 역할이다. 반응이 없는 웹페이지는 흥미도 없고 사용자로 하여금 의구심만 생기게 한다. 버튼을 눌렀을 때 텍스트를 입력했을 때 등 여러가지가 있겠지만 마우스나 키보드를 클릭했을 때 화면에서 뭔가 동작하고 메세지를 보여주면서 사용자가 올바르게 웹페이지를 사용하도록 유도할 수도 있다. 자바스.. 2021. 10. 28. 이전 1 ··· 35 36 37 38 39 40 41 ··· 47 다음 반응형