오락기/js

prevent event

문방구앞오락기 2017. 4. 18. 16:21

inline

->

<p>

    <label>prevent event on</label><input id="prevent" type="checkbox" name="eventprevent" value="on" />

</p>

<p>

    <a href="http://opentutorials.org" onclick="if(document.getElementById('prevent').checked) return false;">opentutorials</a>

</p>

<p>

    <form action="http://opentutorials.org" onsubmit="if(document.getElementById('prevent').checked) return false;">

            <input type="submit" />

    </form>

</p>


property

->

<p>

    <label>prevent event on</label><input id="prevent" type="checkbox" name="eventprevent" value="on" />

</p>

<p>

    <a href="http://opentutorials.org">opentutorials</a>

</p>

<p>

    <form action="http://opentutorials.org">

            <input type="submit" />

    </form>

</p>

<script>

    document.querySelector('a').onclick = function(event){

        if(document.getElementById('prevent').checked)

            return false;

    };

     

    document.querySelector('form').onclick = function(event){

        if(document.getElementById('prevent').checked)

            return false;

    };

 

</script>



addeventListener

body>
<p>
            <label>prevent event on</label><input id="prevent" type="checkbox" name="eventprevent" value="on" />
        </p>
        <p>
            <a href="http://opentutorials.org">opentutorials</a>
        </p>
        <p>
            <form action="http://opentutorials.org">
                    <input type="submit" />
            </form>
        </p>
        <script>
            document.querySelector('a').addEventListener('click', function(event){
                if(document.getElementById('prevent').checked)
                    event.preventDefault();
            });
             
            document.querySelector('form').addEventListener('submit', function(event){
                if(document.getElementById('prevent').checked)
                    event.preventDefault();
            });
 
        </script>    </body>