버튼이 활성화되어있을 때 javascript 기능을 실행하십시오.

Question

disabled="disabled" 속성이 버튼에서 제거되면 함수를 실행하는 방법 (선호되는 경우는 순수 자바 스크립트이지만 jquery도 허용됩니다) 방법이 필요합니다.

Answer 1

MutationObserver API는 요소에 변경 요소를 모니터링 할 수 있습니다.

var btnElement = document.getElementById("buttonId"); 

var observer = new MutationObserver(observerChanges); 
observer.observe(btnElement, { 
    attributes: true, 
    subtree: opt.watchChildren, 
    childList: opt.watchChildren, 
    characterData: true 
}); 

/// when you're done observing 
observer.disconnect(); 

function observerChanges(mutationRecord, mutationObserver) { 
    console.log(mutationRecord); 
} 

Answer 2

사용 중지 된 코드를 삭제할 수 있습니까? 그러나 여기에 내 머리 꼭대기에서 본보기가 있습니다. 우리는 우리가 버튼 장애인 기능을 제거 remove_disable 호출 할 때

<button class="class" id="btn1" disabled> 

function remove_disable() 
{ 
    document.getElementById('btn1').disabled = false; 
    function2(); 
} 

는 기능 2

다음

function function2() 
{ 
    //somecode 
} 

후 다른 기능을 실행합니다. 이것은 당신이 변경이 완료되면 제어 할 경우 방법

Answer 3

에 도움이

희망, 간단한 콜백 함수는 가장 쉬운 해결책이 될 것입니다.

그렇지 않으면 Mutation Observers을 사용하여 입력에 대한 사용 중지 된 속성이 변경된 시간을 확인할 수 있습니다.

Answer 4

Object.prototype.watch()을 사용할 수 있습니다. 그것은 단지 파이어 폭스에서 지원하지만, here's a polyfill 것 :

은

는 HTML :

<button id="myButton" disabled="disabled">Click</button> 

자바 스크립트 :

var myButton = document.getElementById('myButton'); 
myButton.watch("disabled", function() { 
    console.log("myButton changed!"); 
}); 

myButton.disabled = false; // "myButton changed" will be logged 

JSFiddle : https://jsfiddle.net/6ofvutwh/1/은

은

더 많은 정보는 : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/watch은

Answer 5

는 당신은 알림을받을 수 있습니다 implemen에 의한 DOM 변경 사항 MutationObserver를 호출하는 중입니다.

var observer = new MutationObserver(function(mutations) { 
    if(mutations.some(function(m) { return m.attributeName == 'disabled' && !m.target.disabled; })) 
    { 
    alert('Button was enabled'); 
    } 
}); 

observer.observe(targetButton, { attributes: true, childList: false, characterData: false }); 

는

Demo