Error when use javascript mouseover from an array?

Question

<a href=""></a>
<textarea></textarea>
<object></object>
<img src="" />
<div id="content">content</div>
<div class="test">test</div>

And javascript

oj = ['a', '#content', '.test'];
oj.forEach(function(val) {
   val.onmouseover = function() {
      alert("Mouseouver !!!");
   }
});

When I mouseover this object, result not alert, how to fix it ?

oj is an array of strings. Not DOM elements.

Jashwant
– Jashwant

2013-03-13 07:16:02 +00:00
Commented Mar 13, 2013 at 7:16 — Jashwant
– Jashwant, Commented Mar 13, 2013 at 7:16

Ramunas · Accepted Answer · 2013-03-13 07:13:15Z

1

If you're about to use jQuery:

$(document).ready(function(){
    $('a, #content, .test').on("mouseover", function(){
        alert("Mouseouver !!!");
    });
});

http://jsfiddle.net/jcWLn/

answered Mar 13, 2013 at 7:13

Ramunas

3,8831 gold badge32 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Volkan · Accepted Answer · 2013-03-13 07:07:12Z

0

You are not adressing the dom objects which is the first problem. The array content points to css classes. You have to fetch individual objects and attach onMouseOver function to them. Have a look at document.getElementById() function...

answered Mar 13, 2013 at 7:07

Volkan

2,2101 gold badge15 silver badges14 bronze badges

Collectives™ on Stack Overflow

Error when use javascript mouseover from an array?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related