카테고리 없음

Jquery Onoff

Canyi 2022. 11. 3. 16:18 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>onoff</title>
    <script src="https://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>

    <script>

        function clickHandler() {
            alert('thank you');
        }

        $('body').on('click','#click_me',clickHandler);
        $('body').on('click','#remove_event',function (event) {
            $('body').off('click','#click_me',clickHandler);
            
        });
        $('body').on('click','#trigger_event',function (event) {
            $('#click_me').trigger('click'); 
            
        });

    </script>

    <button id="click_me" value="click me">click me</button>
    <button id="remove_event" value="unbind">unbind</button>
    <button id="trigger_event" value="trigger">trigger</button>
    <!-- bind는 묶는다. -->
</body>
</html>