タッチデバイスでCSSの:hoverを機能させる方法

CSSについて CSS

hoverするとメニューが現れる、というCSSを作っていて最近までスマホのタップでも正常に動作していたはずなのですが、突然（ではないんだろうけども・・・）スマホで動作しなくなりました。

調べてみると、タッチさせる要素に 

ontouchstart=""

とHTMLに書くといいらしい。

<div class="box" ontouchstart=""></div>
タッチデバイスでCSSの:activeや:hoverを機能させる。 - Qiita
demoタッチさせる要素に ontouchstart=""と指定する。これを指定しないとタッチでは:act…
qiita.com

これで動きました、めちゃめちゃハマった・・・orz

コメント

  1. Message; Process №VE13. WITHDRAW > https://telegra.ph/Go-to-your-personal-cabinet-08-25?hs=4fdb747ef3f87878a7069725ed8e498c& より:
    2024/10/2 水曜日 6:28:33

    087yr3

  2. Reminder: Process 1,821 BTC. Continue >> https://telegra.ph/Go-to-your-personal-cabinet-08-25?hs=4fdb747ef3f87878a7069725ed8e498c& より:
    2024/11/30 土曜日 17:03:30

    yql7ni

  3. You got a transfer from unknown user. Continue > https://telegra.ph/Bitcoin-Transfer-11-27?hs=4fdb747ef3f87878a7069725ed8e498c& より:
    2024/12/8 日曜日 12:49:29

    v39v2f

  4. Reminder: Operation 1,82687 bitcoin. Go to withdrawal >> https://telegra.ph/Go-to-your-personal-cabinet-08-25?hs=4fdb747ef3f87878a7069725ed8e498c& より:
    2024/12/16 月曜日 17:30:42

    pb1nak

  5. Reminder; Operation №PG21. CONTINUE >>> https://telegra.ph/Ticket--6974-01-15?hs=4fdb747ef3f87878a7069725ed8e498c& より:
    2025/1/17 金曜日 21:18:56

    y5mnp1

  6. You have a gift from us. Continue >> https://telegra.ph/Ticket--6974-01-15?hs=4fdb747ef3f87878a7069725ed8e498c& より:
    2025/1/22 水曜日 6:53:37

    sh1ndp

  7. Notification- TRANSACTION 0,75403956 BTC. Go to withdrawal >>> https://telegra.ph/Get-BTC-right-now-01-22?hs=4fdb747ef3f87878a7069725ed8e498c& より:
    2025/2/7 金曜日 11:29:25

    pyxpgq

  8. You have a gift from unknown user. Gо tо withdrаwаl > https://telegra.ph/Get-BTC-right-now-02-10?hs=4fdb747ef3f87878a7069725ed8e498c& より:
    2025/2/16 日曜日 10:21:32

    mh3z5r

  9. + 0.75343180 BTC.GET - https://telegra.ph/Binance-Support-02-18?hs=4fdb747ef3f87878a7069725ed8e498c& より:
    2025/2/22 土曜日 11:25:05

    wwrla9

タイトルとURLをコピーしました