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 이벤트에 이벤트 핸들러를 바인드하거나 요소에서 해당 이벤트를 트리거하십시오.
on
이벤트 바인딩을 사용 "click"
하여 함수를 호출하거나 로직을 핸들러로 이동할 수 있습니다.
$("#bfCaptchaEntry").on("click", function(){ myFunction(); });
on
이벤트 바인딩을 사용 "click"
하여 함수를 핸들러로 설정할 수 있습니다.
$("#bfCaptchaEntry").on("click", myFunction);
.의 위에()
하나 이상의 이벤트에 대한 이벤트 핸들러 기능을 선택된 요소에 첨부하십시오.
객체 클라이언트 이름을 알고있는 경우이 방법을 시도하십시오 (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
'programing tip' 카테고리의 다른 글
arrays.xml 파일에서 문자열 배열을 얻는 방법 (0) | 2020.08.05 |
---|---|
장고와 두 날짜 중에서 선택 (0) | 2020.08.05 |
ReactJS 코드에서 휴식 후 전화를 거는 방법? (0) | 2020.08.05 |
주니어 프로그래머가 시험을 작성하게하는 방법? (0) | 2020.08.05 |
Ruby on Rails에서 DateTime을 간단한 날짜로 변환 (0) | 2020.08.05 |