봉구구

숫자만 입력하는 폼에 자동으로 콤마를 적용 시켜주는 함수

(숫자 외 입력 안됨)

<script>
/* 콤마 추가 */
function comma(str) {
    str = String(str);
    return str.replace(/(\d)(?=(?:\d{3})+(?!\d))/g, '$1,');
}
/* 콤마 제거 */
function uncomma(str) {
    str = String(str);
    return str.replace(/[^\d]+/g, '');
}
/* input 콤마 바로 적용 */
function inputNumberFormat(obj) {
    obj.value = comma(uncomma(obj.value));
}

</script>

사용법 onkeyup="inputNumberFormat(this)"

키보드 tap키로도 하위 뎁스영역까지 포커스가 되어야 웹접근성에 어긋나지 않는다.

/* gnb */
$(function(){
var gnb = $('.gnb'); // nav태그 클래스값입력
gnb.find('>ul>li>a')
  .on('mouseenter',function(e){
    e.preventDefault();
    gnb
      .find('>ul>li>.gnb_list2:visible') // 2뎁스 클래스명
      .hide()
      .parent('li')
      .removeClass('on'); // css에서 on이라는 클래스값을 입력
    $(this)
      .next('.gnb_list2:hidden') // 2뎁스 클래스명
      .show()
      .parent('li')
      .addClass('on');
  })
  .focus(function(){
    $(this).mouseover();
  })
  .end()
  .mouseleave(function(){
    gnb
      .find('>ul>li>.gnb_list2') // 2뎁스 클래스명
      .hide()
      .prev('a')
      .parent()
      .siblings()
      .removeClass('on');
  })
    .find('li').last().find('.snb-tit2').focusout(function(){ // 마지막 gnb 2차메뉴에서 마우스를 벗어나을때 사라진다.
          $(this).mouseleave();
      });
});

scrollTop 기능
- 해당태그 클릭시 부모요소를 브라우저 top:0으로 이동
$(function() {
        $("셀렉트").on("click",function(event){ 
                event.preventDefault();
                $('html,body').animate({scrollTop:$(this).patent().offset().top}, 500);
        });
});