Javascript: Get Clicked Element
Solution 1:
You can't get the clicked element in a javascript:
URL. The event has already finished, so there's no event.target
(or window.event.srcElement
for IE), and javascript:
links are not invoked with this
set (so you get window
).
Of course if you know the link in question is id="test"
you can do document.getElementById('test')
, but I suspect that's rather missing the point of what you want to do.
I can set only href attribute. I can not set onclick event because this elements is generated by third party lib.
Fix or drop the lib. javascript:
URLs are utter horrors that should never be used.
Can you add a <script>
elsewhere in the page? If so you can inject a click
event handler onto the element(s) without needing any extra markup. eg.:
for (var i= document.links.length; i-->0;)
if (document.links[i] is one of the links you want to target)
document.links[i].onclick= someHandlerFunction;
functionsomeHandlerFunction() {
alert(this);
returnfalse;
}
Indeed, assigning from JS (with on...
or via addEventListener
with attachEvent
fallback for IE) is the best-practice way of adding event handlers anyway.
Solution 2:
the following statckoverflow question gives a way to detect clicked element here
$(document).click(function(event) {
var text = $(event.target).text();
});
Solution 3:
<ahref="javascript:alert(getClickedElement('test'))"id="test">click me!!!</a><script>functiongetClickedElement (id) {
returndocument.getElementById(id);
}
</script>
or, if you can't predict the ID, you can use Javascript to attach events after page is loaded. Look at jQuery. Use something like $('a').click(function() {return this.id; });
Solution 4:
you can pass this as a parameter and you can then know what is the element you are looking for. for example:
<html><head><script>functiongetClickedElement ($this) {
}
</script></head>enter code here
<body><ahref="javascript:alert(getClickedElement(this))"id="test">click me!!!</a></body></html>
hope it will help you, it helped me :)
Post a Comment for "Javascript: Get Clicked Element"