Menu
Here is the JSBin Demo (Please test in Chrome and IE10 to see the difference)
<body>
<div id='a'>
<button>CLick me</button>
</div>
</body>
var markup = '<button>CLick me</button>';
$('#a').on('click', 'button', function() {
$('#a').html(markup);
});
$('#a').on('click', 'button', function(event) {
console.log(event.currentTarget.innerHTML); //.....(1)
});
Line (1) gives correct output in Chrome and Firefox while in IE10 I get empty string as the value of event.currentTarget.innerHTML. It only happens when div(#a) is rendered again.
PS: I am using Backbone.js in which I re-rendered the view but to make question simpler, I have refined the problem to above mentioned by taking backbone out of picture.
295
currentTarget is only available while the event is being handled. If you console. log() the event object, storing it in a variable, and then look for the currentTarget key in the console, its value will be null .
The currentTarget event property returns the element whose event listeners triggered the event. This is particularly useful during capturing and bubbling.
target is the element that triggered the event (e.g., the user clicked on) currenttarget is the element that the event listener is attached to.
You're likely getting this error because you're trying to get a name attribute on elements that don't have a name attribute. For example; input, textarea, and form elements are naturally able to get a name attribute. But elements like div, span doesn't.
I was curious so had a go. This won't answer your question but might point in the right direction
(1) In your example you replace a button with an identical button, if you replace it with different text you'll see in chrome that the innerHTML is actually the unreplaced text
(2) In IE currentTarget is an empty button with no parent
(3) It (sort of) works in IE and chrome if you do this:
event.delegateTarget.children[0].innerHTML
(4) doc type makes no difference either way
So your answer will be in finding the difference between delegateTarget and currentTarget, or just using delegateTarget
105
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
