ホームページ ウェブフロントエンド H5 チュートリアル 入力イベントを使用してモバイルを監視する方法 input_html5 チュートリアルのヒント

入力イベントを使用してモバイルを監視する方法 input_html5 チュートリアルのヒント

May 16, 2016 pm 03:37 PM
input 携帯端末 入力

今日、マネージャーから、コメント機能の文字数を制限する必要があるとの要望がありました。Weibo のように、最大​​入力文字数は 150 文字に制限されており、ユーザーにその文字数をリアルタイムで通知する必要があります。入力できる文字数が増えます。

当初は、keyup イベントをリッスンして、ユーザーが入力した単語の数をカウントするという考えでしたが、一部のキー (削除キーなど) ではイベントがトリガーされません。

後で、HTML5 に新しい input イベントが追加されたことを確認しました。このイベントは、change イベントに似ていますが、change イベントは要素がフォーカスを失ったときにトリガーされ、input イベントは要素がフォーカスを失ったときにトリガーされます。要素の値が変化する

現時点ではIE89を除く他のブラウザでも十分にサポートされており、モバイル端末でも安心してご利用いただけます

入力イベントを使用してモバイル端末の入力を監視する方法に関する上記の記事は、編集者が共有したすべての内容です。参考にしていただければ幸いです。Script Home をサポートしていただければ幸いです。

元のアドレス: http://www.cnblogs.com/wodertian/p/5391113.html

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットな記事タグ

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

Win11 入力エクスペリエンスの無効化ガイド Win11 入力エクスペリエンスの無効化ガイド Dec 27, 2023 am 11:07 AM

Win11 入力エクスペリエンスの無効化ガイド

Windows 入力でハングまたはメモリ使用量の増加が発生する [修正] Windows 入力でハングまたはメモリ使用量の増加が発生する [修正] Feb 19, 2024 pm 10:48 PM

Windows 入力でハングまたはメモリ使用量の増加が発生する [修正]

Vueモバイル端末のマルチタッチポイントの問題を解決 Vueモバイル端末のマルチタッチポイントの問題を解決 Jun 30, 2023 pm 01:06 PM

Vueモバイル端末のマルチタッチポイントの問題を解決

Vue プロジェクトでモバイル ジェスチャ操作を使用する方法 Vue プロジェクトでモバイル ジェスチャ操作を使用する方法 Oct 08, 2023 pm 07:33 PM

Vue プロジェクトでモバイル ジェスチャ操作を使用する方法

win11の検索バーの入力問題を解決する win11の検索バーの入力問題を解決する Dec 26, 2023 pm 12:07 PM

win11の検索バーの入力問題を解決する

Vue開発におけるモバイル端末のダブルクリック増幅問題を解決する方法 Vue開発におけるモバイル端末のダブルクリック増幅問題を解決する方法 Jun 29, 2023 am 11:06 AM

Vue開発におけるモバイル端末のダブルクリック増幅問題を解決する方法

単語行列の入力方法 単語行列の入力方法 Mar 19, 2024 pm 11:00 PM

単語行列の入力方法

Vue ドキュメントの入力ボックス バインディング イベントの詳細な説明 Vue ドキュメントの入力ボックス バインディング イベントの詳細な説明 Jun 21, 2023 am 08:12 AM

Vue ドキュメントの入力ボックス バインディング イベントの詳細な説明

See all articles