Attribute change event support

by Avinash_R

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

JavaScript

var isSupported = function(event, on) {
    on = on || 'div';
    var el = $('<' + on + ' id="element">'),
        flag = false,
        callback = function() {
            flag = true;
        };

    el.on(event + " on" + event, callback);
    el.attr('id', 'target');
    return flag;
};
var hasModernSupport = isSupported('DOMAttrModified');
var hasOlderSupport = isSupported('propertychange'); // modern IE may have older support too
var smesg = "you have no support for attribute change events.";
if (hasModernSupport && hasOlderSupport) {
    smesg = "you have support for both DOMAttrModified and propertychange event";
} else if (hasModernSupport) {
    smesg = "you have support for  DOMAttrModified event";
} else if (hasOlderSupport) {
    smesg = "you have support for  propertychange event";
}
document.write(smesg);