Run-Funktion auf mehrere Ereignisse

Question

Ich brauche eine Funktion auf zwei cases.One laufen, wenn die Seite geladen wurde, und ein jedes Mal das Element clicked.The klicken Ereignis war funktioniert, aber die onload man nicht.

$(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"> 

Irgendwelche Hilfe bitte?

Answer 1

Sie benötigen Click-Ereignis auf Seite Last auszulösen:

$(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

Sie benötigen die Funktion außerhalb des Click-Ereignis zu setzen. Dann kannst du es beim Laden der Seite aufrufen.

Wenn Sie die Funktion in das click-Ereignis einfügen, wird der Bereich auf diesen Ereignishandler beschränkt.

Answer 3

Stellen Sie einfach Ihre Funktion separat und verwenden Sie es auf jeden Fall Sie

$(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

Sie die Funktionalität wie so wiederverwenden können:

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