1. 정수 곱하기 구하기, 비수치 입력 금지




    
    
    
    
    
    
    
     
    

    
    // 
    $(function(){
        // IE11
        if($.browser.msie){
            $("#test").get(0).attachEvent("onpropertychange",function (o){
                alert(o.srcElement.value);
            });
        // IE
        }else{
            $("#test").get(0).addEventListener("input",function(o){
                var checkVal =  o.target.value;
                if(isNaN(checkVal)){
                    o.target.value="";
                }
            },false);
        }      
    }); 
      
    $(function(){              
        $("button").click(function(){   
            var num=$("#test").val();

            function factorial (num){
                if (num==0||num==1){
                    return 1; 
                }
                else if(num>1 && num%1===0){ 
                    return (num * factorial(num - 1)); 
                }
                else{
                    $("input").css({"color":"#ff0000"});
                    $("input").css({"background-color":"#ffb9ac"});
                    return " ";
                } 
            }           
            $("input").val(factorial(num));                 
        });

        $("#test").focus(function() {
            $("input").val(""); 
            $("input").css({"background-color": "white"});
            $("input").css({"color": "black"});  
        }); 
    });

2. 마우스로 div 블록을 드래그하여 경계를 초과해서는 안 된다




  
  
  
  
    $(document).ready(function(){
      var d=$("#drag");
      // x ,2  
      var maxleft=$(window).width()-d.width()-2; 
      // y ,2 
      var maxtop=$(window).height()-d.height()-2;  
      
      d.bind("mousedown",function(event){
        /*   */
        var offset_x = $(this)[0].offsetLeft;
        var offset_y = $(this)[0].offsetTop;

        /*   */
        var mouse_x = event.pageX;
        var mouse_y = event.pageY;
        
        $(document).bind("mousemove",function(ev){
          /*   */
          var _x = ev.pageX - mouse_x;
          var _y = ev.pageY - mouse_y;
          /*   */
          var x= (offset_x + _x );
          var y= (offset_y + _y );
           
          if(x<0){
            var now_x=0+"px";
          }else if(x<maxleft){
            var now_x =x+ "px";
          }else {
            var now_x =maxleft+ "px";
          }

          if(y<0){
            var now_y=0+"px";
          }else if(y<maxtop){
            var now_y =y+ "px";
          }else {
            var now_y =maxtop+ "px";
          }
          
          d.css({
            top:now_y,
            left:now_x
          });
        });
      });
      
      $(document).bind("mouseup",function(){
        $(this).unbind("mousemove");
      });
    })

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

다양한 언어의 JSON

JSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다