當(dāng)前位置：首頁 > 科技 > 軟件

為什么你不應(yīng)該使用Div作為可點(diǎn)擊元素

來源：責(zé)編：時(shí)間：2023-08-05 11:46:17 4792觀看

導(dǎo)讀按鈕是為任何網(wǎng)絡(luò)應(yīng)用程序提供交互性的最常見方式。但我們經(jīng)常傾向于使用其他HTML元素，如 div span 等作為 clickable 元素。但通過這樣做，我們錯(cuò)過了許多內(nèi)置瀏覽器的功能。我們?nèi)鄙偈裁矗繜o障礙問題（空格鍵或回車鍵無法

按鈕是為任何網(wǎng)絡(luò)應(yīng)用程序提供交互性的最常見方式。但我們經(jīng)常傾向于使用其他HTML元素，如 div span 等作為 clickable 元素。

但通過這樣做，我們錯(cuò)過了許多內(nèi)置瀏覽器的功能。

我們?nèi)鄙偈裁矗?/span>

無障礙問題（空格鍵或回車鍵無法觸發(fā)按鈕點(diǎn)擊）。
元素將無法通過按Tab鍵來聚焦。

本文鏈接：http://www.rrqrq.com/showinfo-26-152-0.html為什么你不應(yīng)該使用Div作為可點(diǎn)擊元素

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。郵件：2376512515@qq.com

上一篇： JVM優(yōu)化：實(shí)戰(zhàn)OutOfMemoryError異常

下一篇：每天一道面試題-CPU偽共享

標(biāo)簽：

熱門焦點(diǎn)

5月iOS設(shè)備性能榜：M1 M2依舊是榜單前五

和上個(gè)月一樣，沒有新品發(fā)布的iOS設(shè)備性能榜的上榜設(shè)備并沒有什么更替，僅僅只有跑分變化而產(chǎn)生的排名變動(dòng)，剛剛開始的蘋果WWDC2023，推出的產(chǎn)品也依舊是新款Mac Pro、新款Mac Stu
太卷！Redmi MAX 100英寸電視便宜了：12999元買Redmi史上最大屏

8月5日消息，從小米商城了解到，Redmi MAX 100英寸巨屏電視日前迎來官方優(yōu)惠，到手價(jià)12999元，比發(fā)布價(jià)便宜了7000元，在大屏電視市場(chǎng)開卷。據(jù)了解，Redmi MAX 100
掘力計(jì)劃第 20 期：Flutter 混合開發(fā)的混亂之治

在掘力計(jì)劃系列活動(dòng)第20場(chǎng)，《Flutter 開發(fā)實(shí)戰(zhàn)詳解》作者，掘金優(yōu)秀作者，Github GSY 系列目負(fù)責(zé)人戀貓的小郭分享了Flutter 混合開發(fā)的混亂之治。Flutter 基于自研的 Skia 引擎
Java NIO內(nèi)存映射文件：提高文件讀寫效率的優(yōu)秀實(shí)踐！

Java的NIO庫提供了內(nèi)存映射文件的支持，它可以將文件映射到內(nèi)存中，從而可以更快地讀取和寫入文件數(shù)據(jù)。本文將對(duì)Java內(nèi)存映射文件進(jìn)行詳細(xì)的介紹和演示。內(nèi)存映射文件概述內(nèi)存
十個(gè)簡單但很有用的Python裝飾器

裝飾器（Decorators）是Python中一種強(qiáng)大而靈活的功能，用于修改或增強(qiáng)函數(shù)或類的行為。裝飾器本質(zhì)上是一個(gè)函數(shù)，它接受另一個(gè)函數(shù)或類作為參數(shù)，并返回一個(gè)新的函數(shù)或類。它們通常用
在線圖片編輯器，支持PSD解析、AI摳圖等

自從我上次分享一個(gè)人開發(fā)仿造稿定設(shè)計(jì)的圖片編輯器到現(xiàn)在，不知不覺已過去一年時(shí)間了，期間我經(jīng)歷了裁員失業(yè)、面試找工作碰壁，寒冬下一直沒有很好地履行計(jì)劃.....這些就放在日
19個(gè) JavaScript 單行代碼技巧，讓你看起來像個(gè)專業(yè)人士

今天這篇文章跟大家分享18個(gè)JS單行代碼，你只需花幾分鐘時(shí)間，即可幫助您了解一些您可能不知道的 JS 知識(shí)，如果您已經(jīng)知道了，就當(dāng)作復(fù)習(xí)一下，古人云，溫故而知新嘛。現(xiàn)在，我們就開始今
ESG的面子與里子

來源 | 光子星球撰文 | 吳坤諺編輯 | 吳先之三伏大幕拉起，各地高溫預(yù)警不絕，但處于厄爾尼諾大“烤”之下的除了眾生，還有各大企業(yè)發(fā)布的ESG報(bào)告。ESG是“環(huán)境保
iQOO 11S評(píng)測(cè)：行業(yè)唯一的200W標(biāo)準(zhǔn)版旗艦

【Techweb評(píng)測(cè)】去年底，iQOO推出了“電競(jìng)旗艦”iQOO 11系列，作為一款性能強(qiáng)機(jī)，該機(jī)不僅全球首發(fā)2K 144Hz E6全感屏，搭載了第二代驍龍8平臺(tái)及144Hz電競(jìng)

国产精品嫩草99av在线_一区在线视频观看_欧美高清一区_欧美日韩国产一区_99精品欧美一区二区三区_久久大香伊蕉在人线观看热2_一色屋精品视频在线观看网站_在线亚洲国产精品网站_亚洲区一区二区三区_你懂的视频一区二区

為什么你不應(yīng)該使用Div作為可點(diǎn)擊元素

我們?nèi)鄙偈裁矗?/span>

5月iOS設(shè)備性能榜：M1 M2依舊是榜單前五

太卷！Redmi MAX 100英寸電視便宜了：12999元買Redmi史上最大屏

掘力計(jì)劃第 20 期：Flutter 混合開發(fā)的混亂之治

Java NIO內(nèi)存映射文件：提高文件讀寫效率的優(yōu)秀實(shí)踐！

十個(gè)簡單但很有用的Python裝飾器

在線圖片編輯器，支持PSD解析、AI摳圖等

19個(gè) JavaScript 單行代碼技巧，讓你看起來像個(gè)專業(yè)人士

ESG的面子與里子

iQOO 11S評(píng)測(cè)：行業(yè)唯一的200W標(biāo)準(zhǔn)版旗艦

最新推薦

猜你喜歡

熱門推薦

相關(guān)資訊