javascript - Opera 中的输入类型文件

Question

我曾尝试在文件输入时触发 onkeydown、onkeypress 和 onkeyup 事件(例如，当元素处于焦点上并且按下某个键时，事件不会被触发)，但它们在 Opera 中不起作用。使用 jQuery 触发 'click' 也不起作用(例如 $('#myFileinput').Click() 或 $('#myFileinput').trigger('click')).

有没有办法在 Opera 中触发这些事件？

这是我的代码:

 <input type="file" class="foo" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
<script type="text/javascript">
    debugger;
    window.onload = onPageLoad;
    function onPageLoad() {

        var input = $(".foo");
        debugger;
        input.keydown(function () {
            //doesn't work in Opera
            alert("keydown");
        });

        input.keypress(function () {
            //doesn't work in Opera
            alert("keypress");
        });

        input.keyup(function () {
            //doesn't work in Opera 
            alert("keyup");
        })
    }

    window.onkeydown = function () {
        //when the focus is on the input the code bellow doesn't fire
        alert("window key down")

    }

</script>

Answer 1

由于安全策略，Opera 在输入类型=文件时触发的事件是有限的。此外，在新的 Opera 版本中，聚焦输入会弹出一个文件对话框，因此无论如何都不会在输入上触发任何按键事件。如果您需要知道值何时更改，请监听更改事件。