본문 바로가기 메뉴 바로가기

Web Standard

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

Web Standard

검색하기 폼
  • 분류 전체보기 (58)
    • html (3)
    • css (4)
    • javascript (44)
      • ECMAScript (7)
      • React js (7)
      • React Native (1)
      • webpack (13)
      • jQuery (2)
      • Backbone js (1)
      • Angular js (4)
      • etc. (9)
    • programming (3)
    • photo (0)
    • etc. (4)
  • 방명록

focus (2)
form 요소의 readonly 와 disabled 차이

readonly 수정불가form submit 날릴 수 있음focus 가능 (tab키등으로)속성 표기가 가능한 요소들 : input, textarea disabled 수정불가submit 날리지 않음focus 불가일부 브라우저에서 회색으로 표시됨속성 표기가 가능한 요소들 : button, input, optgroup, option, select, textarea 참고 : https://www.w3.org/TR/html4/interact/forms.html#h-17.12

html 2018. 1. 18. 10:25
jQuery - focus/blur 와 focusin/focusout 의 차이

focusin, focusout : 버블링 발생함focus, blur : 버블링 발생안함 부모가 div고 내부에 input 요소가 있을때 input 요소에 focusin 되면 부모 div에도 그 이벤트가 전달된다. input 요소에 focus 되면 부모 div에는 그 이벤트가 전달되지 않는다. 정리 1. 동일한 결과를 예상하고 싶을때 focusin과 focusout를 함께, focus와 blur를 함께 사용하자. 2. input에 포커스되거나 잃어버렸을때, 부모요소에서 리스너를 동작하고 싶다면 focusin과 focusout을 사용하자. 123 cs 12345678910111213141516 $('.parent').focusin(function(){ console.log('부모 focusin!');});..

javascript/jQuery 2015. 5. 29. 15:14
이전 1 다음
이전 다음
Kakao 다음웹툰 / 웹표준 및 ft기술, 웹접근성 / 세아이 아빠, 제주 거주 중..
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday

Blog is powered by Tistory / Designed by Tistory

티스토리툴바