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();
});

let a = $("<a>bfCaptchaEntry</a>");
a.attr("onClick", "function(" + someParameter+ ")");

또는 화살표 함수를 사용하여 정의 할 수 있습니다.

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

  });
});

더 나은 브라우저 지원을 위해 :

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

  });
});