event.target on ie 8

Question

jquery newbie here.

Is there a problem using event.target in ie8?

It seems to be working in ie9 and on my android.

This is my code:

 <script type="text/javascript">
   $(function() {
       $('#myMenu')[0].onclick = function(event) {
       var selected = event.target.innerHTML;
       var url = 'RedirectMenu.aspx?val=' + selected;
       location.href = url;
       }
   });
 </script>

The html is

 <ul id="myMenu">
 <li><a href="#">Generic Clinical Tasks</a></li> 

 <li><a href="#">Facility</a>   
    <ul class="level2">
     <li><a href="#">Change Facility or Unit  </a></li> 
     <li><a href="#">Edit Facility nformation</a></li>  
     <li><a href="#">Doctors</a></li>
     <li><a href="#">Nurses</a></li> 
    </ul>
</li>

 <li><a href="#">Patient</a>   
    <ul class="level2">
etc...

To clarify - as I said I am a newbie. This is how I was able to get the item selected, not just that one of the menu items was clicked.

How am I supposed to do this using jquery?

Right now, the value of 'selected'

var selected = event.target.innerHTML;

is Doctor, when the Doctor menu item is clicked.

http://stackoverflow.com/questions/2642095/access-event-target-in-ie8-unobstrusive-javascript — Michał Miszczyszyn, Sep 24 '12 at 20:07

Selvakumar Arumugam · Accepted Answer · 2012-09-24T20:49:27.013

2

Since you are using jQuery. You can bind click event like below,

   $(function() {

       $('li', $('#MyMenu').click(function(event) {
          var selected = $(this).text(); // event.target.innerHTML;
          var url = 'RedirectMenu.aspx?val=' + selected;
          location.href = url;
       });
   });

edited Sep 24 '12 at 20:49

answered Sep 24 '12 at 20:08

Selvakumar Arumugam

79,297
15
120
134

Is there any benefit to using `event.target` over something like `$('#myMenu').on('click', 'a', function () {... var selected = this.innerHTML; ...})`? – pdoherty926 Sep 24 '12 at 20:18
`$('#myMenu').on('click'` binds an event.. Setting `onclick` attribute simply can one function unless you call it yourself internally. – Selvakumar Arumugam Sep 24 '12 at 20:21
@vega: Much prettier. But your code returns all the html for the menu, mine just the selected text on the menu item. I had tried diff versions of what you suggested and couldn't get it to work. – Lill Lansey Sep 24 '12 at 20:22
@LillLansey Need to see your html. I thought you want the html of the element you clicked which includes the child elements. – Selvakumar Arumugam Sep 24 '12 at 20:23
@Vega, I meant `event.target` over `this`. – pdoherty926 Sep 24 '12 at 20:30
@LillLansey So in that HTML which text (e.targer.innerHTML) you want to be passed? Is it the li or just the text "Generic Clinical Tasks"? – Selvakumar Arumugam Sep 24 '12 at 20:32
@vega just the text "Generic Clinical Tasks" – Lill Lansey Sep 24 '12 at 20:42
@LillLansey Try updated post.. which binds the click event to the `li` so that you can get the text of that specific li. – Selvakumar Arumugam Sep 24 '12 at 20:49

score 0 · Answer 2 · answered Sep 24 '12 at 20:21

0

You can use jQuery for click handling. Showing your html would help better answer your question.

$("#myMenu").click(function() {
  var url = 'RedirectMenu.aspx?val=' + $(this).html();
  location.href = url;
});

answered Sep 24 '12 at 20:21

prashanth

2,059
12
13

event.target on ie 8

2 Answers2