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