問題タブ [attachevent]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - addEventListener を使用して概要ページにライブ コピーを行うと、少し問題が発生します
私はjavascript/jQuery No0bで、addEventListenerを使用して要約ページに進行状況を出力しようとしています。これは 4 つのタブ付きのフォームです。
HTML:
JS の一部:
これは問題なく動作します。customerDescription部分のみを+ customerDescription<div class='summaryDIV'>
+</div>
私が問題を抱えている部分:
次のような他の方法を試しました。
ヘルプ!私は何を間違っていますか?
関数全体としてのコードは次のとおりです。
javascript - addEventListener 複製 選択オプション Javascript
jQuery
別のタブの入力から [概要] タブにデータをコピーする JavaScript 関数を作成しました。ドロップダウンでの重複に問題があります。
変更が必要な場合は、別の選択を選択するときに既存の情報を置き換える必要があります。
HTML - ドロップダウン
HTML - 配置
JavaScript
javascript - addEventlistener と attchEvent
mk-featured-kits という div id の li 要素を対象とする関数があります。これはすべて完璧に機能します。
コンソール ログを表示するために Chrome を使用しています。これにより、LI のパスとして e.target.tagName を使用できます。
IE 8以降はaddEventListenerイベントを読み取らないため、これ(コードベロー)を使用して機能を確認しています。問題は、この手法を使用して LI にアクセスできないことです: e.target.tagName === 'LI' イベントは myNode を tagName === DIV としてしか認識しないためです。
最初のスクリプトで行ったように、2 番目のスクリプトの手法を使用して LI にアクセスするにはどうすればよいですか。前もって感謝します。
これはhtmlコードです:
<div class="mk-column">
`
javascript - mouseenter イベントリスナーを sap.m.StandardListItem にアタッチする方法は?
standardListItem
ドラッグされたときに添付されたデータを取得する必要があります。jQuery-UI ドラッグ可能でドラッグを処理しています。私は次のことをしました:
しかし、データの取得StandardListItem
はクリックされたときにのみ機能し、要素がドラッグされたときには機能しません。したがって、アイデアはmouseenter
、イベントリスナーをイベントにアタッチする方法で、データ取得をアタッチすることmouseenter
です。
javascript - addEventListener の IE8 フォールバックにより、最新のブラウザーのコードが壊れる
この例で提供されている説明を利用して、すぐに呼び出される関数式の一部として次のコードを html に追加しました。
イベント リスナーをドキュメントに適用するこれら 2 つのバージョンを別々に使用すると、意図したとおりに機能します。つまり、IE8 fix
が削除された場合、コードは他のブラウザーで適切に動作します。addEventListener
コード ブロックを削除すると、IE8 で正常に動作します。ただし、これらのコード ブロックの両方を配置すると、現在、2 つのブラウザー カテゴリの少なくとも 1 つ (ie8 と ie8 ではない) で何らかの方法で html が壊れます。
参照用の追加情報:
オブジェクトが使用されたのdocument
は、Escape で非表示にする必要がある実際の html 要素が最初は DOM にロードされないためであり、これはそれを回避する簡単な方法でした。
このコード ブロックは、(内部の 2 つのコード ブロックの 1 つが省略されている場合) インライン<script>
呼び出しまたは外部.js
ファイルの呼び出しとして適切に機能します。
このコード ブロックが存在する html は、別の html ドキュメントの DOM に挿入されます。つまり、私が扱っているのは、動的に追加されるページ全体の一部にすぎません。このため、html が「壊れている」と言うと、実際に起こるのは、編集中の html が親 html ドキュメントの DOM に存在しないことです。
みたいなことを言う条件付きコメントを設定することを検討しましたが、親の html<!--[if IE8]>USE SCRIPT B<![endif]-->
のセクションにアクセスできないため、これは困難です。可能であれば<head>
、関数内でこれを解決したいと思います。hideOverlayOnEsc()
javascript - 0 の AttachEvent は未定義です
onchange-Event を使用して、Web サイトの一部のサイズを自動的に変更したいと考えています。しかし、いつものように、解決すべき小さな問題がありました。コンソールに次のエラーが表示されます。
The property undefined or a null reference can not be retrieved
"。
最後のこと。HTMLドキュメントのbodyタグの最後にすでにスクリプトタグを書き込んでいます。