You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何为带onClick事件的链接设置ALT属性?

实现悬停显示“退出全屏”的方法
  • 注意:alt 属性是供屏幕阅读器识别的无障碍属性,并非用于鼠标悬停提示文本。要实现悬停时显示提示,需使用 title 属性。
  • 你可以将 title 属性添加到 <a> 标签或 <img> 标签上,两种方式都能达成需求:

方式1:给 <a> 标签添加 title

<a href="#" onClick="myFunction22()" title="退出全屏">
  <img src="images/icon-exit.png" width="34" height="34" alt="退出全屏">
</a>

方式2:给 <img> 标签添加 title

<a href="#" onClick="myFunction22()">
  <img src="images/icon-exit.png" width="34" height="34" alt="退出全屏" title="退出全屏">
</a>
  • 两者区别:给 <a> 标签添加时,整个链接区域(含图片周边空白)悬停都会显示提示;给 <img> 标签添加时,仅鼠标落在图片上才会触发提示。

内容的提问来源于stack exchange,提问作者timbukto

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.15 19:57:06