여러 이벤트에서 함수 실행

Question

두 경우에 함수를 실행해야합니다. 페이지가로드 될 때마다 하나씩, 요소가 클릭 될 때마다 하나씩 함수를 실행해야합니다. click 이벤트는 작동하지만 onload 이벤트는 작동하지 않습니다.

$(document).ready(function(e) { 

var captcha; 

    $('#captcha').on('ready click',function(){ 
     function alphanumeric_unique() { 
      return Math.random().toString(36).split('').filter(function(value, index, self) { 
       return self.indexOf(value) === index; 
      }).join('').substr(2,8); 
     } 

     captcha = alphanumeric_unique(); 

     $(this).val(captcha); 
    }); 
}); 


<input type="text" readonly value="" id="captcha"> 

어떤 도움을 주시겠습니까?

Answer 1

당신은 페이지로드에 클릭 이벤트를 트리거해야합니다

$(document).ready(function(e) { 

    $('#captcha').on('click',function(){ 
     function alphanumeric_unique() { 
      return Math.random().toString(36).split('').filter(function(value, index, self) { 
       return self.indexOf(value) === index; 
      }).join('').substr(2,8); 
     } 

     captcha = alphanumeric_unique(); 

     $(this).val(captcha); 
    }); 

    $('#captcha').trigger("click"); // it will automatically call click event 


}); 

Answer 2

당신은 클릭 이벤트 이외의 기능을 넣어해야합니다. 그런 다음 페이지로드시 호출 할 수 있습니다.

$(document).ready(function(e) { 
    var captcha = alphanumeric_unique(); 
    $('#captcha').on('ready click', function() { 
    captcha = alphanumeric_unique(); 
    $(this).val(captcha); 
    }); 
}); 

function alphanumeric_unique() { 
    return Math.random().toString(36).split('').filter(function(value, index, self) { 
    return self.indexOf(value) === index; 
    }).join('').substr(2, 8); 
} 

이 함수를 click 이벤트 내에 넣으면 범위가 해당 이벤트 처리기로만 제한됩니다.

Answer 3

그냥 당신과 같이 기능을 다시 사용할 수 있습니다 별도로 기능을 설정하면

$(document).ready(function(){ 
    function alphanumeric_unique() { 
     return Math.random().toString(36).split('').filter(function(value, index, self) { 
      return self.indexOf(value) === index; 
     }).join('').substr(2,8); 
    } 
    var captcha = alphanumeric_unique(); 
    $('#captcha').on('click',function(){ 
     $(this).val(captcha = alphanumeric_unique()); 
    }); 
}); 

Answer 4

을 원하는 경우에 사용 :

function alphanumeric_unique() { 
    return Math.random().toString(36).split('').filter(function(value, index, self) { 
    return self.indexOf(value) === index; 
    }).join('').substr(2,8); 
} 

function update_captcha() { 
    $('#captcha').val(alphanumeric_unique()); 
} 

$(document).ready(function() { 
    // Update when document is ready 
    update_captcha(); 
    // Update when captcha is clicked 
    $('#captcha').click(update_captcha); 
});