javascript onclick，onload，onmouseenter-基础

Question

One thing that keeps baffling me is how sometimes when I try to assign a jQuery function via an inline attribute ( onclick="bam();" ), there's perhaps only a 50-50 chance that it'll actually fire off.

I know the function is good because if I assign a regular jQuery .on('click', function(){...}) it works perfectly. After reading and re-reading everything I can find online about this, I'm just as ignorant as ever.

I'm not seeing the patterns that I need to see and it makes me realize I need to find a simple tutorial about this. I don't want to learn JavaScript, I just want to learn about this one key area.

Answer 1

Maybe there is an error in the event handler that prevents it from "working" you may think it only gets called 50% of the time but it actually gets called 100% and gives unexpected results 50% of the time.

To see if there are errors you can press F12 in Chrome or Firefox with firebug and check the console. To see if the function gets called the first line in the function could be: console.log("I am called"); whatever happens after that you should at least see that message in the console.

For better design you should never declare what event should be triggered in your html (inline), it should be done in script and here is where jQuery can make you life easier because it's methods will work and behave the same on all browsers.