{"id":2298,"date":"2014-02-26T09:24:27","date_gmt":"2014-02-26T14:24:27","guid":{"rendered":"http:\/\/www.equipmentlink.org\/blog\/?p=2298"},"modified":"2014-02-26T09:24:27","modified_gmt":"2014-02-26T14:24:27","slug":"javascript-events-web-tip-44-22614","status":"publish","type":"post","link":"https:\/\/www.equipmentlink.org\/blog\/?p=2298","title":{"rendered":"JavaScript Events, Web Tip # 44, 2\/26\/14"},"content":{"rendered":"<h2>JavaScript Events<\/h2>\n<p><b>Difficulty:<\/b> Advanced<\/p>\n<p><b>Category:<\/b><\/p>\n<ul>\n<li>Presentation<\/li>\n<\/ul>\n<p>To ensure that <a href=\"http:\/\/webaim.org\/techniques\/javascript\/\">JavaScript<\/a> events can be triggered with both the mouse and the keyboard either a device independent event handler OR a mouse dependent event handler (such as onmouseover) and a keyboard dependent event handler (such as onkeypress) must be used. Keep in mind that some event handlers change their device dependence based on where they are used. For example, the onclick event handler is device independent (works with both the mouse and the keyboard), but only on elements that can receive keyboard focus (links and form elements that can be tabbed to).<\/p>\n<div class=\"al2fb_like_button\"><div id=\"fb-root\"><\/div><script type=\"text\/javascript\">\n(function(d, s, id) {\n  var js, fjs = d.getElementsByTagName(s)[0];\n  if (d.getElementById(id)) return;\n  js = d.createElement(s); js.id = id;\n  js.src = \"\/\/connect.facebook.net\/en_US\/all.js#xfbml=1&appId=149587675112835\";\n  fjs.parentNode.insertBefore(js, fjs);\n}(document, \"script\", \"facebook-jssdk\"));\n<\/script>\n<fb:like href=\"https:\/\/www.equipmentlink.org\/blog\/?p=2298\" layout=\"standard\" show_faces=\"true\" share=\"false\" width=\"450\" action=\"like\" font=\"arial\" colorscheme=\"light\" ref=\"AL2FB\"><\/fb:like><\/div>","protected":false},"excerpt":{"rendered":"<p>JavaScript Events Difficulty: Advanced Category: Presentation To ensure that JavaScript events can be triggered with both the mouse and the keyboard either a device independent event handler OR a mouse dependent event handler (such as onmouseover) and a keyboard dependent event handler (such as onkeypress) must be used. Keep in mind that some event handlers [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_s2mail":"yes","ngg_post_thumbnail":0,"footnotes":""},"categories":[3,14,29,35],"tags":[],"_links":{"self":[{"href":"https:\/\/www.equipmentlink.org\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2298"}],"collection":[{"href":"https:\/\/www.equipmentlink.org\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.equipmentlink.org\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.equipmentlink.org\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.equipmentlink.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2298"}],"version-history":[{"count":1,"href":"https:\/\/www.equipmentlink.org\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2298\/revisions"}],"predecessor-version":[{"id":2299,"href":"https:\/\/www.equipmentlink.org\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2298\/revisions\/2299"}],"wp:attachment":[{"href":"https:\/\/www.equipmentlink.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2298"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.equipmentlink.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2298"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.equipmentlink.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2298"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}