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.

  1. ie , firefox:

after "go back" , "go forward", alter('here') not show, button can work fine. (i think ok.)

  1. chrome (pc):

after "go back" , "go forward", alter('here') show, , button can work fine.

  1. 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

Popular posts from this blog

c# - Validate object ID from GET to POST -

node.js - Custom Model Validator SailsJS -

php - Find a regex to take part of Email -