복붙노트

[JQUERY] JQuery와없는 JQuery와 '트리거'방법의 상응하는 무엇입니까?

JQUERY

JQuery와없는 JQuery와 '트리거'방법의 상응하는 무엇입니까?

해결법


  1. 1."매우 조잡한 해당"일부 값 :

    "매우 조잡한 해당"일부 값 :

    var button = document.getElementById("thebutton")
    button.click()
    

    모든 브라우저 (예를 들어, 파이어 폭스!)이 시뮬레이션 허용 이벤트 이런 식으로! 이벤트가 인라인 등의 경우) (onclick을 사용하면에만 작동합니다

    JQuery와 소스를보고 검색하십시오 "트리거"(첫번째 일치) "그것이 작동되도록"을 수행하는 모든 구역질 물건을보고 (그것의 좋은 비트 그냥 jQuery를 내부 주위 munging되고, 다른 프레임 워크가 훨씬 더 간단 예를 가지고 있는지 확인 ).

    해피 코딩.


  2. 2.event.initMouseEvent ( "클릭"...

    event.initMouseEvent ( "클릭"...

    다음은 그 예이다 :

    function simulateClick(elId) {
        var evt;
        var el = document.getElementById(elId);
        if (document.createEvent) {
            evt = document.createEvent("MouseEvents");
            evt.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
        }
        (evt) ? el.dispatchEvent(evt) : (el.click && el.click());
    }
    
    var foo = document.getElementById("hey");
    
    foo.onclick = function () {alert("bar");}
    
    simulateClick("hey");
    

  3. 3.자바 스크립트에서

    자바 스크립트에서

    var event = document.createEvent("Event");
    event.initEvent("click", false, true); 
    document.getElementById("blah").dispatchEvent(event);
    

    jQuery를 트리거에 대한 동등 이하로서

    $('#blah').trigger('click');
    

  4. 4.여기 내 예입니다. 모든 상황에서 완벽하게 작동

    여기 내 예입니다. 모든 상황에서 완벽하게 작동

    var d=document.createEvent("MouseEvents"),
        c=document.createEvent("MouseEvents"),
        p=document.createEvent("MouseEvents");
        d.initMouseEvent("mousedown",true,true,window,0,0,0,0,0,false,false,false,false,0,null);
        c.initMouseEvent("click"    ,true,true,window,0,0,0,0,0,false,false,false,false,0,null);
        p.initMouseEvent("mouseup"  ,true,true,window,0,0,0,0,0,false,false,false,false,0,null);
    
        var element =// some selector;
    
        element.dispatchEvent(d);
        element.dispatchEvent(c);
        element.dispatchEvent(p);
    
  5. from https://stackoverflow.com/questions/5658849/whats-the-equivalent-of-jquerys-trigger-method-without-jquery by cc-by-sa and MIT license