출처) https://api.jquery.com/category/events/
예제1
<script>
function clickEvent(event) {
alert('안녕하세요');
}
$(document).bind('ready', function () {
$('.click_me').bind('click', clickEvent);
$('.remove_event').bind('click', function (event) {
$('.click_me').unbind('click', clickEvent);
});
$('.trigger_event').bind('click', function (event) {
$('.click_me').trigger('click');
});
})
</script>
<button class="click_me">click me</button>
<button class="remove_event">unbind</button>
<button class="trigger_event">trigger</button>
예제2
(1)
<script>
function clickEvent(event) {
alert('안녕하세요');
}
$(document).ready(function () {
$('.click_me').click(clickEvent);
$('.remove_event').click(function (event) {
$('.click_me').unbind('click', clickEvent);
});
$('.trigger_event').click(function (event) {
$('.click_me').trigger('click');
});
})
</script>
<button class="click_me">click me</button>
<button class="remove_event">unbind</button>
<button class="trigger_event">trigger</button>
(2) on/off 사용
<script>
function clickEvent(event) {
alert('안녕하세요');
}
$(document).ready(function () {
$('.click_me').on('click', clickEvent);
$('.remove_event').on('click', function (event) {
$('.click_me').off('click', clickEvent);
});
$('.trigger_event').on('click', function (event) {
$('.click_me').trigger('click');
});
})
</script>
<button class="click_me">click me</button>
<button class="remove_event">unbind</button>
<button class="trigger_event">trigger</button>