JSFiddle - React, Tailwind, and code Playground

by Yin Yong

HTML

<form action="https://twitter.com/" id="form" target="_blank">
    <input type="text" name="mark"/>
    <button type="submit">Submit</button>
</form>
<pre id="console"></pre>

JavaScript

var bindEvt = function(ele, evt, func) {
    if (ele.addEventListener) {
        ele.addEventListener(evt, func, false);
    } else if (ele.attachEvent) {
        ele.attachEvent('on' + evt, func);
    }

};

var clickBubbled = false;

bindEvt(document, 'click',
function() {
    clickBubbled = true;
});

bindEvt(document, 'keypress',
function() {
    clickBubbled = true;
});

bindEvt(document.getElementById('form'), 'submit',
function(e) {
    e = e || window.event;
    if ('returnValue' in e) {
        e.returnValue = false;
    } else if (e.preventDefault) {
        e.preventDefault();
    }

    document.getElementById('console').innerHTML = 'clickBubbled:' + clickBubbled

});