javascript - ブラウザがこの HTML5 機能をサポートしていることを検出する方法

Question

ユーザーのブラウザーがタグへのmultiple属性をサポートしているかどうかを (javascript/jQuery を使用して) 検出したい。input type='file'複数の画像を追加する HTML5 の機能。

<input type=file  name="images" value=" " multiple=""/>

どうすればこれができるか教えてください。

score 6 · Accepted Answer

var i = document.createElement("input");
if (typeof i.multiple !== 'undefined') {
    // supports multiple
}

score 2 · Accepted Answer

modernizrこの目的のために開発されたものを使用できます。

次のような機能のサポートを検出できますplaceholder。

if (!Modernizr.input.placeholder) {

}

score 1 · Accepted Answer

Modernizr ソースから取得および編集したとおり:

var inputElem = document.createElement('input');
var multipleSupport = !!(multiple in inputElem);

これだけが必要な場合は、完全なライブラリを含める必要はありません。

score 0 · Accepted Answer

Modernizr JavaScript ライブラリを使用することをお勧めしますか? これにより、ブラウザーがさまざまな機能をサポートしているかどうかを確認する方法が提供されます。

score 0 · Accepted Answer

これらのテストの膨大な数を実行するModernizrを使用できます。

ただし、この場合、テストは非常に簡単です。

if (typeof document.createElement('input').multiple !== "undefined") {
    // ... yes, it has it
}

要素の他のすべての新しいプロパティについても同じことが言えます。

5 に答える 5