I'm using the following to do something when interacting with an input
$('input[name=hello]').on('input', function() {
...
});
Is it possible to trigger what's inside the function on load? I tried...
$('input[name=hello]').trigger();
Or
$('input[name=hello]').keypress();
...and it does not work. The purpose is to run on load whatever is inside teh input event without having to redeclare it.
.trigger() takes any JavaScript event type. If you're listening for input, just trigger an input:
$('input[name=hello]').trigger('input');
$(function(){
function inputTriggered(e) {
// May want to add a way to reduce excessive calls
console.log('Triggered');
}
// Listen for a bunch of interactions
$(document).on('click keydown blur focus', 'input', inputTriggered);
// Trigger on load
$('input[name=A]').trigger('click');
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<p>
<input name="A" value="A">
</p>
<p>
<input name="B" value="B">
</p>I decide to elaborate on the comment I made before.
How about separating the behaviour of the $('input[name=hello]').on('input', function() {...}); inside another function. Having done that, all you need is call the function on document ready function . In that manner you could also use that behaviour at your own leisure.
$(document).ready(function(){
//The behaviour you desire
function behaviour(){
console.log('activated');
}
$('input[name=hello]').on('input', behaviour); //Bind your function to the event
behaviour(); //Execute your function when the page loads
});
My method needs JQuery library :
<textarea></textarea>
<script>
$(document).on('keydown', 'textarea', function (event) {
if (event.key == 'Tab' || event.keyCode == 9) {
event.preventDefault();
var start = $(this)[0].selectionStart;
var end = $(this)[0].selectionEnd;
$(this)[0].value = $(this)[0].value.substring(0, start) + '\t' + $(this)[0].value.substring(end);
$(this)[0].selectionStart = $(this)[0].selectionEnd = start + 1;
}
});
</script>
