JavaScript：如果用户取消确认，文件输入onclick阻止更改（）

Question

使用confirm（）方法时，如何防止通过onclick DOM事件更改表单文件输入元素？

在示例中，我想让用户有机会通过询问他们是否希望Ok | cancel来取消文件输入元素的值，如果他们单击取消，则不应显示文件对话框窗口。

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

为什么不内联，如果你有一个文件输入？

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