JavaScript：ファイル入力onclickは、ユーザーがconfirm（）をキャンセルした場合に変更を防止します

Question

confirm（）メソッドの使用時に、フォームファイル入力要素がonclick DOMイベントによって変更されないようにするにはどうすればよいですか？

例では、ファイル入力要素の値を失わないようにするには、[キャンセル]をクリックすると尋ねてユーザーに通知します。キャンセルをクリックすると、ファイルダイアログウィンドウは表示されません。

XHTML

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

使用すると、1つのファイルの入力を持っている場合は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

はなぜそれをインライン化しませんか？

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

あなたはconfirm結果を返すと、関数の結果を返す必要があります。

<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