Question

I have code <a href="javascript:someFunction(this);" tabindex="0">Some text</a>

Is it possible to pass element into someFunction(link) {...} and use it later.

In debug mode I see the object but all properties are undefined.

When I was using onClick attribute like <a onClick="javascript:someFunction(this); it worked fine.

I am aware that this is probably not the best solution and I have seen the other questions, but it is really not my issue right now. I just need to do it this way for many reasons.

Thanks a lot

Answer 1

If you don’t mind using jQuery (disregard this answer if you don’t), you can attach an event to your link:

$('#id_of_your_link').on('click', function(event) {
  event.preventDefault();
  someFunction(this);
});

This code works for both keyboard navigation and mouse clicking: http://jsbin.com/ufapor. You can see the source code here: http://jsbin.com/ufapor/edit#javascript,html