js は、例としてフォームのクリックと送信をシミュレートします。主流のブラウザーの JavaScript スキルと互換性があります。

実際のアプリケーション開発では、JS モジュールのイベントを使用することがよくありますが、簡単な例では、フォームの外にある「送信」ボタンをクリックしてフォームを送信するなど、いくつかの問題が発生することがあります。コードを書いてみましょう。

HTML:

コードをコピー コードは次のとおりです:

< ;h3> 「送信」をクリックすると、テスト送信ボタンのクリックイベントもトリガーされます。
送信ボタン>
;input type="text" name="site" value="www.woiweb.net" readonly/>

Javscript:

コードをコピーします コードは次のとおりです。

テストの結果、IE、FF、Chrome、Opera、Safari では問題なく、正常にフォームを送信できました。

しかし、実際のデザインでは、送信ボタンの見栄えを良くするために、ビルダーはタグを使用してボタンを処理し、背景画像を追加してボタンをシミュレートすることがよくあります。フォームを送信するためのタグの場合、HTML のみを変更します。

HTML:

コードをコピー コードは次のとおりです:

< ;h3> 「送信」をクリックすると、テスト送信ボタンのクリックイベントもトリガーされます。

送信ボタン>
;input type="text" name="site" value="www.woiweb.net" readonly/>

送信ボタンをシミュレート



JavaScript:

コードをコピーします コードは次のとおりです。

var sub = document.getElementById ("subbtn");

var btn = document.getElementById("btn");
//一般的なメソッド
btn.onclick = function() {
sub.click( );
}



実行後、IE、FF、Opera は正常に動作しましたが、その後、Chrome と Safari が正常に動作しなくなりました。オンラインで検索したところ、ラベルにはボタンと同じ onclick() イベントがないことがわかりました。解決策は、IE と FF で異なるロジックを記述することです。
javascript:

コードをコピー コードは次のとおりです。

var sub = document.getElementById("subbtn");

var btn = document.getElementById("btn");
//一般的なメソッド
btn.onclick = function() {
//sub. click();
if (/msie /i.test(navigator.userAgent)) //IE
{
sub.fireEvent("onclick"); else {
var e = document.createEvent('MouseEvent');
e.initEvent('click', false, false);
}
}
; /スクリプト>


この時点で問題は解決しました。この問題は非常に単純ですが、みんなに共有するために投稿しました。

構文:

createEvent(eventType)

パラメータ 説明

eventType 取得する Event オブジェクトのイベント モジュール名。有効なイベント タイプのリストについては、「説明」セクションを参照してください。

戻り値

指定された型で新しく作成された Event オブジェクトを返します。

スロー

実装が必要なイベント タイプをサポートしている場合、このメソッドはコード NOT_SUPPORTED_ERR の DOMException をスローします。

説明

このメソッドは、パラメーターeventTypeで指定された新しいイベント タイプを作成します。このパラメータの値は、作成されるイベント インターフェイスの名前ではなく、そのインターフェイスを定義する DOM モジュールの名前であることに注意してください。

次の表に、eventType の有効な値と、それぞれの値によって作成されるイベント インターフェイスを示します。

パラメータ イベント インターフェイスの初期化メソッド
HTMLEvents HTMLEvent iniEvent()
MouseEvents MouseEvent iniMouseEvent( )
UIEvents UIEvent iniUIEvent()

このメソッドを使用して Event オブジェクトを作成した後、上記の表に示す初期化メソッドを使用してオブジェクトを初期化する必要があります。初期化メソッドの詳細については、「イベント オブジェクト リファレンス」を参照してください。

このメソッドは、実際には Document インターフェースによって定義されるのではなく、DocumentEvent インターフェースによって定義されます。実装が Event モジュールをサポートしている場合、Document オブジェクトは DocumentEvent インターフェイスを実装し、このメソッドをサポートします。