Firefox fires on choose, not on change

[Rain Lover]

Consider this:

<input type="file" id="filePicker">
<script>
    document.getElementById('filePicker').onchange = function() {
        alert('Hi!');
    };
</script>

Even if you choose the same file and the filePicker value doesn't change, you'll see the alert box in Firefox. Any solutions?

[coothead]

Hi there Rain Lover,

would this possibly meet your requirements...

<script>
    var temp;
    document.getElementById('filePicker').onchange = function() {
if(this.value==temp){
    return;
 }
else {
   temp=this.value;
   alert('Hi!');
  }
 };
</script>

coothead

[Rain Lover]

Thanks for the answer, but would you mind teaching me something: I don't understand return. What does it do in JavaScript? Does it mean "Do nothing"?

[coothead]

Hi there Rain Lover,

unfortunately, teaching is not my forte perhaps our resident guru...

"jscheuer1"

...could help.

Alternatively, you could try this...

javascript "return" information

Note though, that it could have been coded without it like this...

<script>
(function() {
    'use strict';
    var temp;
    document.getElementById('filePicker').onchange = function() {
if(this.value!==temp){
   temp=this.value;
   console.log('Hi!'); /* instead of alert('Hi!'); */
  }
 };
})();
</script>

coothead