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

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

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

기본적으로 저는 다음과 같은 정보를 가지고 있습니다.

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

로드 시 jQuery를 사용하여 onClick을 추가하면 다음과 같습니다.

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

어떻게 하면 좋을까요?

이것이 일반적인 관행이 아닐 수도 있다는 것을 알지만 제 상황에서 가장 쉬운 선택인 것 같습니다.

저는 jQuery의 신입생이기 때문에 어떤 도움이든 매우 감사합니다.

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

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

사용할 수 있습니다.click이벤트를 수행하고 처리기로 사용자 기능을 설정합니다.

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

---

.클릭()

이벤트 핸들러를 "클릭" JavaScript 이벤트에 바인딩하거나 요소에서 해당 이벤트를 트리거합니다.

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

---

사용할 수 있습니다.on하기로 되어 있는 사건."click"함수를 호출하거나 논리를 핸들러로 이동합니다.

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

사용할 수 있습니다.on하기로 되어 있는 사건."click"기능을 핸들러로 설정합니다.

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

---

.1987년에

하나 이상의 이벤트에 대한 이벤트 처리기 기능을 선택한 요소에 연결합니다.

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

개체 클라이언트 이름을 알고 있는 경우 이 방법을 사용해 보십시오(버튼 또는 텍스트 상자인지는 중요하지 않습니다).

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

추가하려면 이벤트를 클릭하십시오. JQuery를 사용하여 서버 개체에 이벤트를 클릭합니다.

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

아래 접근법을 시도합니다.

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

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

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

그러나 위의 방법은 핸들러로 등록되지 않고 클릭 시 속성으로 설정되므로 단점이 거의 없습니다...

이 게시물에 대해 자세히 알아보기 https://stackoverflow.com/a/6348597/297641

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

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

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

더 나은 브라우저 지원:

$(document).ready(function() {
  $('#bfCaptchaEntry').click(function (){
    
  });
});

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

@Selvakumar Arumugam이 제안한 것처럼, 그러나 등록 시 함수 호출 또한.

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

사용하는 것보다

$('#bfCaptchaEntry').on('click', () => { myfunction});

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