javascript - スパン内から隠しファイル入力をクリックすると、RangeErrorが発生します

Question

私はHTMLを持っています：

<span class="btn btn-success js-uploader">
    <i class="icon-upload icon-white"></i> Upload
    <input type="file" multiple>
</span>

そしてjQuery/JavaScript：

$('.js-uploader').click(function(){
    $(this).find('input[type="file"]').click();
});

基本的に、クラスのあるスパンを.js-uploadクリックすると、ファイル入力もクリックする必要があります。しかし、.find()またはを使用.js-uploader > input[type="file"]すると、RangeErrorが発生します。

score 4 · Accepted Answer

コンソールメッセージ：too much recursion

入力をクリックすると、スパンすることもできますが、スパンクリックハンドラーも入力をクリックします

event.targetが入力されているかどうかを確認してください

$('.js-uploader').click(function(e){
     if ($(e.target).is('input[type="file"]')) return;
     $(this).find('input[type="file"]').click();
});

score 0 · Accepted Answer

2 に答える 2