代码之家 › 专栏 › 技术社区 › Micaiah Wallace

未触发更改时的jQuery文件输入

html-input jquery-events jquery javascript

Micaiah Wallace · 技术社区 · 9 年前

我绑定了两个单独的事件进行测试,但无论出于什么原因,当我选择一个文件时,它们都不会触发。我肯定我今天没有喝够咖啡,但这似乎是检测文件选择的正确方法。

HTML:

<input type="file" id="files">

简体中文:

$(document).on("ready", function() {

    $("#files").on("change", function() {
        alert("Files changed.");
    });

    $(document).on("change", "#files", function() {
        alert("Files changed.");
    });

});

例子: https://jsfiddle.net/snoapps/66y45hjh/

2 回复 | 直到 9 年前

user5037156 user5037156 9 年前

https://jsfiddle.net/66y45hjh/2/

你的第二个函数是正确的,但是函数的嵌套方式不会让它按照你想要的方式执行。看看我对你的小提琴所做的编辑。

我使用的javascript代码如下。

$(function() {
    $(document).on("change", "#files", function() {
        alert("Files changed.");
    });
});

Tewdyn 9 年前

它是 $('document').ready(function(){}); https://api.jquery.com/ready
你不需要第二个功能

因此:

$(document).ready(function() {

    $("#files").on("change", function() {
        alert("Files changed.");
    });


});

推荐文章

Saubhik Mandal · Javascript自定义事件从返回false的函数激发

7 年前

JLR · 当输入字段有值时,从“提交”按钮中动态删除禁用的值

7 年前

Marco · 在ajaxStop之前执行的表单提交处理程序

7 年前

Giox · 使用appendTo()时,单击事件不绑定到动态元素

8 年前

Nicolas Frbezar · Javascript事件侦听器问题

9 年前

Katrina · 对未定义事件使用off()时,jQuery会抛出错误吗?

9 年前

thesowismine · 从下拉列表中选择选项时,JS未按预期工作

9 年前

Micaiah Wallace · 未触发更改时的jQuery文件输入

9 年前

radbyx Matt · 数据表。如何停止搜索。dt事件从事件处理程序内部触发

9 年前

Jos · JQuery移动页面containertransition事件未按预期工作

9 年前