Javascript event register can not be remembered under Android Browser -
i meet strange question javascript event register. test file "test.html" is:
<html> <body> <input type="button" id="button" value='button' /> <script> alert('here'); document.getelementbyid('button').onclick = function () {alert('here1');} </script> </body> </html>
i open web browser blank page, such "about:blank", go "test.html", hit web browser "go back" button "blank" page, hit "go foward" "test.html" again.
- ie , firefox:
after "go back" , "go forward", alter('here') not show, button can work fine. (i think ok.)
- chrome (pc):
after "go back" , "go forward", alter('here') show, , button can work fine.
- android browser:
after "go back" , "go forward", alter('here') not show, , button can not work.
(i use default internet browser in samsung galaxy, browser agent information "mozilla/5.0 (linux; android 4.3; .... /applewebkit .../ mobile safari/")
if use:
<input type="button" id="button" value='button' onclick="..." />
the button can work under android web browser.
why javascript event register can remembered (like ie, ff, chrome) under android web browser? ideas?
did miss something? much.
i recommend using .addeventlistener().
html:
<!-- using button --> <input type="button" id="btn-id" /> <!-- using form --> <form id="form-id"> <input type="button" /> </form>
javascript:
// click event document.getelementbyid('#btn-id') .addeventlistener('click', function(e) { e.preventdefault(); // stuff }); // or using form submit document.getelementbyid('#form-id') .addeventlistener('submit', function(e) { e.preventdefault(); // stuff });
hope helps
Comments
Post a Comment