programing tip

jQuery를 사용하여 동적으로 onClick 이벤트 추가

itbloger 2020. 8. 5. 07:55
반응형

jQuery를 사용하여 동적으로 onClick 이벤트 추가


플러그인이 사용 중이므로 평소처럼 HTML 양식 입력에 "onClick"속성을 추가 할 수 없습니다. 플러그인이 내 사이트의 양식 부분을 처리하고 있으며 자동으로 수행하는 옵션을 제공하지 않습니다.

기본적으로 나는이 입력을 가지고있다 :

<input type="text" id="bfCaptchaEntry" name="bfCaptchaEntry" style="">

jQuery onload로 onClick을 추가하여 다음과 같이하십시오.

<input onClick="myfunction()" type="text" id="bfCaptchaEntry" name="bfCaptchaEntry" style="">

이 작업은 어떻게합니까?

나는 이것이 표준 관행이 아닐 수도 있지만 내 상황에서 가장 쉬운 옵션 인 것 같습니다.

나는 jQuery의 초보자이므로 어떤 도움이라도 대단히 감사합니다.


click이벤트 를 사용하고 함수를 호출하거나 로직을 핸들러로 이동할 수 있습니다.

$("#bfCaptchaEntry").click(function(){ myFunction(); });

click이벤트 를 사용하고 함수를 핸들러로 설정할 수 있습니다.

$("#bfCaptchaEntry").click(myFunction);

.딸깍 하는 소리()

"click"JavaScript 이벤트에 이벤트 핸들러를 바인드하거나 요소에서 해당 이벤트를 트리거하십시오.

http://api.jquery.com/click/


on이벤트 바인딩을 사용 "click"하여 함수를 호출하거나 로직을 핸들러로 이동할 수 있습니다.

$("#bfCaptchaEntry").on("click", function(){ myFunction(); });

on이벤트 바인딩을 사용 "click"하여 함수를 핸들러로 설정할 수 있습니다.

$("#bfCaptchaEntry").on("click", myFunction);

.의 위에()

하나 이상의 이벤트에 대한 이벤트 핸들러 기능을 선택된 요소에 첨부하십시오.

http://api.jquery.com/on/


객체 클라이언트 이름을 알고있는 경우이 방법을 시도하십시오 (Button 또는 TextBox 인 것은 중요하지 않습니다)

$('#ButtonName').removeAttr('onclick');
$('#ButtonName').attr('onClick', 'FunctionName(this);');

JQuery를 사용하여 서버 객체에 onClick 이벤트를 추가하려는 경우 이것을 시도하십시오.

$('#' + '<%= ButtonName.ClientID %>').removeAttr('onclick');
$('#' + '<%= ButtonName.ClientID %>').attr('onClick', 'FunctionName(this);');

아래 접근 방식을 시도하십시오.

$('#bfCaptchaEntry').on('click', myfunction);

또는 jQuery가 절대적으로 필요하지 않은 경우 아래에서 시도하십시오.

document.getElementById('bfCaptchaEntry').onclick = myfunction;

그러나 위의 방법은 핸들러로 등록되지 않고 onclick을 속성으로 설정했을 때 단점이 거의 없습니다 ...

이 게시물에 대한 자세한 내용 https://stackoverflow.com/a/6348597/297641


$("#bfCaptchaEntry").click(function(){
    myFunction();
});

또는 화살표 기능을 사용하여 정의 할 수 있습니다.

$(document).ready(() => {
  $('#bfCaptchaEntry').click(()=>{

  });
});

더 나은 브라우저 지원 :

$(document).ready(function() {
  $('#bfCaptchaEntry').click(()=>{

  });
});

참고 URL : https://stackoverflow.com/questions/12284168/adding-onclick-event-dynamically-using-jquery

반응형