如何将鼠标悬停在文件上传对话框上?

时间:2018-10-19 05:32:11

标签: javascript jquery html html5 reactjs

如何使用JavaScript的jQuery在上载按钮悬停时打开文件对话框?

当我点击上传按钮执行相同的操作时,它就起作用了。

我想在React上这样做。有React的npm包吗?

这是我要执行的代码。

<!DOCTYPE html>
<html>
    <head>
        <title>test</title>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    </head>

    <body>
        <input type="file" name="file" id="upload"/>
        <input type="button" id="Uplad_button" name="upload_file" value="upload" />

    </body>
</html>

<script type="text/javascript">
    $(document).ready(function(){
      $('#Uplad_button').hover(function(){
        console.log("hover")
        $('#upload').click();
      });
      $('#Uplad_button').click(function(){
        console.log("click")
        $('#upload').click();
      });
    });
</script>

1 个答案:

答案 0 :(得分:-8)

jQuery有一个名为mouseenter()的函数。

  

描述:绑定要在鼠标进入时触发的事件处理程序   元素,或在元素上触发该处理程序。

stmt.executeUpdate();