替代Mozilla的“explicitOriginalTarget”用于跨浏览器功能

Question

I have a fiddle at: http://jsfiddle.net/radi8/Nt556/1/

This class will bind a listener to all of the 'submit' buttons on a form. When the user clicks on one of the buttons, the class function will process it as necessary. I originally developed this class using FireFox and using the: var btnName = event.originalEvent.explicitOriginalTarget.defaultValue; works great therein, but I later found that this is a Mozilla only function.

Can anyone offer an alternative for IE and Chrome?

my class:

    var RequiredField = {
    init: function() {
        var theForm = document.getElementsByTagName("form");
        $(theForm).bind("submit", RequiredField.submitListener);
    },

    submitListener: function(event) {
        event.preventDefault();
        var btnName = event.originalEvent.explicitOriginalTarget.defaultValue;
        if (btnName == 'Process Route') {
            processType = 0;
            alert('Process');
        }
        else if (btnName == 'Finalize Route') {
            processType = 1;
            alert('Finalize');
        }
        else {
            processType = 99;
        }
        try {

        }
        catch (e) {
            event.preventDefault();
        }
    }
};
RequiredField.init();

Answer 1

I'd just bind "click" for the form:

  $('form').delegate(':submit', 'click', RequiredField.submitListener);

Then the target of the event will be the button directly.