ホームページ > 記事 > ウェブフロントエンド > jsを使ってhtmlに長押し機能を実装する方法(コード)
この記事の内容は、js を使用して HTML に長押し機能 (コード) を実装する方法についてです。必要な方は参考にしていただければ幸いです。
//以下は js コードです。コピーして貼り付けてください。理解できない場合は、個別にチャットしてください
<script> var timeOutEvent=0; function gtouchstart(){ timeOutEvent = setTimeout(longPress(),500); return false; //单击开始计时 500代表0.5秒 //如果longPress()需要传参得写成下面注释中的代码 //timeOutEvent = setTimeout(function(){ longPress(url);},500); }; function gtouchend(){ clearTimeout(timeOutEvent); if(timeOutEvent!=0){ alert('单击执行代码区'); } return false; }; function gtouchmove(){ clearTimeout(timeOutEvent); timeOutEvent = 0; alert('单击未松开直接滑动的执行代码区,默认取消任何操作'); }; function longPress(){ timeOutEvent = 0; alert('长按执行代码区'); } </script>
//以下は、ハイパーリンクに追加された呼び出しの例です。最初の判定を長押しすると、2 番目の判定が実行されます。
<A ontouchstart="gtouchstart()" ontouchend="gtouchend()" ontouchmove="gtouchmove()" >点击或者长按</A>`
関連推奨事項:
以上がjsを使ってhtmlに長押し機能を実装する方法(コード)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。