JavaScript: Dateieingabe onclick verhindert Änderung, wenn Benutzer bricht confirm()

Question

Wie verhindere ich, dass sich ein Formulardateieingabeelement über das onclick-DOM-Ereignis ändert, wenn ich die confirm() -Methode verwende?

Im Beispiel möchte ich einem Benutzer die Möglichkeit geben, den Wert eines Dateieingabeelements nicht zu verlieren, indem er sie fragt, ob er Ok | abbrechen möchte. Wenn er auf Abbrechen klickt, sollte das Dateidialogfenster nicht angezeigt werden.

XHTML

<input name="post_file" onclick="images_change();" type="file" value="" /> 

JavaScript

function images_change() 
{ 
var answer = confirm('Okay or cancel, if you cancel no dialog window will be displayed.'); 

if (answer) 
{ 
    answer = true; 
    //previous item previews deleted here in a while loop. 
} 
else {answer = false;} 

return answer; 
} 

Answer 1

document.getElementById('post_file').addEventListener('click',function(e) {images_click(e);},false); 

function images_click(e) 
{ 
    var answer = confirm('Ok or cancel?'); 

    if (answer) 
    { 
    //shows file selection dialog window. 
    } 
    else {e.preventDefault();} 
} 
} 

Answer 2

Warum nicht einfach inline, wenn Sie die eine Datei-Eingabe haben?

HTML:

<input name="post_file" onclick="return check()" type="file" value="" />​ 

JavaScript:

function check() { 
    return confirm('Okay or cancel, if you cancel no dialog window will be displayed.'); 
}​ 

jsFiddle example.

Answer 3

Sie müssen das confirm Ergebnis zurückzukehren, und senden Sie das Funktionsergebnis:

<input name="post_file" onclick=" return images_change();" type="file" value="" />​ 

function images_change() { 
    return confirm('Okay or cancel, if you cancel no dialog window will be displayed.'); 
} 

LIVE DEMO