質問失礼します。
タイトル通りで困っています。
どうすればスマホでもmouseenterが効くのでしょうか。
以下がソースになります。
HTML
<div id="box3"> <div class="out"> <div></div> </div> <div class="out"> <div></div> </div> <div class="out"> <div></div> </div> </div>
css
#box3 { width: 100%; overflow: hidden } .out { position: relative; float: left; width: calc((100% - 30px) / 3); height: 120px; margin: 0 10px 0 0; background: red; overflow: hidden } .out div { position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: blue; z-index: 1 }
js
var box3 = document.getElementById('box3'); function boxEnter(numb){ box3.children[numb].firstElementChild.animate( { left: ['-100%', 0] }, { duration: 200, fill: 'forwards' } ) } function boxLeave(numb){ box3.children[numb].firstElementChild.animate( { left: [0, '-100%'] }, { duration: 200, fill: 'forwards' } ) } for(let i = 0; i <= 3; i++){ box3.children[i].addEventListener('mouseenter', function(){ boxEnter(i); }); box3.children[i].addEventListener('mouseleave', function(){ boxLeave(i); }); }
お分かりの方がいましたらご教授いただけますと幸いです。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/11/22 15:45
2020/11/23 13:14