SYNCERのロゴ
アイキャッチ画像

Document.queryCommandSupported() - 編集コマンドをサポートしているか確認する

queryCommandSupported()は、Documentのメソッドです。編集コマンドをサポートしているか否か確認します。

概要

名前
queryCommandSupported
所属
Document
IDL
boolean queryCommandSupported(DOMString commandId);
仕様書
https://w3c.github.io/editing/execCommand.html#querycommandsupported%28%29

説明

引数(commandId)には、対象の編集コマンドを表す文字列を指定します。

コマンドをサポートしている場合はtrue、違う場合はfalseを返します。

デモ

Document.queryCommandSupported()のデモです。4種類の編集コマンドを調べます。

<!-- このコードは編集できます。 -->

<!DOCTYPE html>
<head>
<style>
div#result { white-space: pre-wrap ; }
</style>
</head>
<body>
<div id="result"></div>
<script>
for ( var a=[ "selectAll", "copy", "paste", "cut" ], i=0, l=a.length; l>i; i++ ) {
	var response = document.queryCommandSupported( a[i] ) ;

	console.log( a[i], result ) ;
	document.getElementById( "result" ).textContent += a[i] + ": " + response + "\n" ;
}
</script>
</body>
</html>

サポート状況

ChromeFirefoxSafariEdgeIEOperaiOS SafariAndroid
  • Twitterでシェア
  • Facebookでシェア
  • Google+でシェア
  • はてなブックマークでシェア
  • pocketに保存
  • LINEでシェア
更新履歴
2017年10月6日 (金)
コンテンツを公開しました。