Join MDN and developers like you at Mozilla's View Source conference, 12-14 September in Berlin, Germany. Learn more at https://viewsourceconf.org

statustext

statustext
型: 文字列型
ユーザーが要素上にマウスカーソルを重ねた時、ステータスバーにテキストを表示します。

しかし Mozilla はステータスバーのサイズを調整しません。この属性はテキストを表示するためだけに用いられます。Firefox では、このテキストは、メニューバーのメニューアイテムのために statusbar に自動的に置かれます。

<!-- sets the status message when mouse is over buttons -->
<button label="Connect" statustext="Connect to remote server" 
      onmouseover="setStatusMessage(this)" onmouseout="clearStatusMessage()"/>
<button label="Ping" statustext="Ping the server" 
      onmouseover="setStatusMessage(this)" onmouseout="clearStatusMessage()"/>

<statusbar>
  <statusbarpanel id="myStatusPanel" label="" flex="1"/>
  <spacer flex="1"/>
</statusbar>

<script>
function setStatusMessage(obj){
  document.getElementById('myStatusPanel').label = obj.getAttribute('statustext');
}
function clearStatusMessage(obj){
  document.getElementById('myStatusPanel').label = '';
}
</script>

参照

statusbarstatusbarpanel

ドキュメントのタグと貢献者

 このページの貢献者: Marsf, Mgjbot, Norah
 最終更新者: Marsf,