onclick、onchange、その他のイベント値を取得するための JavaScript コード_jquery

今日 Xiaocai がドロップダウン メニューのカスケード問題に取り組んだとき、彼は HTML タグ内のイベントの内容、つまり、たとえば 。 Xiaocai は、イベントの情報を使用して次のレベルのメニューを決定したいと考えていましたが、この一見単純な質問に Xiaocai は困惑しました。 JQuery について少しでも知っている場合は、次のように取得してみてください:

コードをコピーします コード $(document).ready(function(){ var onchangeValue = $("#city").attr("onchange"); alert( onchangeValue); }); JQuery のユニバーサル attr メソッドは、イベントであってもタグ内の任意の「属性」を取得できるため、実際にこれを取得できます。コンテンツを直接取得することもできます。ここでは onchange がイベントです。 しかし、実際の開発環境では、この方法では Xiaocai を取得できず、取得されるものはすべて未定義です。 苦労しながら、純粋な JavaScript を使用してそれを取得する別の方法を見つけました。 具体的なコードは次のとおりです: コードをコピー コードは次のとおりです: $(document).ready(function(){ var onchangeValue = document.getElementById("city").getAttributeNode("onchange").nodeValue; alert(onchangeValue); }); 簡単に言うと、ここでは getAttributeNode() メソッドを主に使用し、XML の処理と同様に属性とイベントの違いを無視して属性ノードを取得し、nodeValue を使用して処理を行います。属性ノードのノード値を取得します。 getAttribute() メソッドを使用する場合、onchange はイベントであるため、取得されるものは関数オブジェクトであり、文字列として扱うことはできません。 この記事が、靴を必要としている子供たちの助けになれば幸いです。