jQuery ajaxSend-哪个元素触发了ajax？

Question

I'm working on a rather large project, and I would like to find which DOM element has triggered ajax call.

I've such code:

initAjaxSend: ->
    that = @
    $(document).ajaxSend (e, xhr, options)->
      if typeof event != 'undefined' && event
        e = event
      that.showPreloader(e, xhr)

than showPreloader() function use e.target to find a DOM element.

It works fine only in Chrome, because Chrome has global event variable. Any ideas how to make it work in other browsers?

Answer 1

You are mixing, the global event and the event e that is created when your function is fired. What you are looking for can be found in e which is the triggered event, under e.delegateTarget , you read more about event.delegateTarget

Quoting from docs: "For non-delegated event handlers attached directly to an element, event.delegateTarget will always be equal to event.currentTarget ."

initAjaxSend: ->
    that = @
    $(document).ajaxSend (e, xhr, options) ->
        console.log e.delegateTarget   
        that.showPreloader(e, xhr)