javascript - 页面在按键输入时刷新，但在鼠标单击时打开文件系统

Question

<a href="" tabindex="0">                                       
    <label for="my_label" class="my_label" name="Upload" data-bind="attr: { for: 'uploadContent' + SubmissionId() }">
        <span>Upload Content</span>
    </label>
    <div class="hidden">
        <input type="button" id="my_label" class="fileupload" data-bind="event: { change: $parent.upload($data, $element, 'zip', false) }, attr: { id: 'uploadContent' + Id() }" accept="application/zip" type="file">
    </div>
</a>

这是一个列表，所以它是一个下拉列表。当我在下拉菜单中切换并在“上传内容”上按回车键时，页面会刷新而不是打开文件。当我使用鼠标单击时它工作正常。

如何在 keypress Enter 上打开文件系统？

Answer 1

您可以尝试放置 href="javascript:void(0)"而不是 href=""，如下所示:

<a href="javascript:void(0)" tabindex="0">                                       
   <label for="my_label" class="my_label" name="Upload" data-bind="attr: {   for: 'uploadContent' + SubmissionId() }">
    <span>Upload Content</span>
</label>
<div class="hidden">
    <input type="button" id="my_label" class="fileupload" data-bind="event: { change: $parent.upload($data, $element, 'zip', false) }, attr: { id: 'uploadContent' + Id() }" accept="application/zip" type="file">
</div>