この問題を解決するにはどうすればよいでしょうか? _html/css

この問題を解決するにはどうすればよいでしょうか? _html/css_WEB-ITnose

WBOY

リリース： 2016-06-24 11:36:07

オリジナル

1013 人が閲覧しました

DIV には 2 つの IMG タグがあります。DIV とその内部の 2 つの IMG が onclick メッセージに応答します。問題は、内部の IMG タグがクリックされると、外側の DIV の onclick も呼び出されることです。内側の IMG タグをクリックしても外側の DIV の onclick メッセージが実行されないように変更するにはどうすればよいですか。

ディスカッションに返信 (解決策)

この構造のように書きます

<div onclick=""></div><div><img onclick=""><img onclick=""></div>

ログイン後にコピー

次に、CSS を使用して制御します

バブリングを停止します http://lj830723.iteye.com/blog/1452280

このように書いてください構造

<div onclick=""></div><div><img onclick=""><img onclick=""></div>

ログイン後にコピー

あとは CSS で制御するだけです

こうやって書くとページレイアウトが変わります。 DIV には 2 つの IMG だけでなく、他の多くのタグもあります。

バブリングを停止 http://lj830723.iteye.com/blog/1452280

この構造で書いてください

<div onclick=""></div><div><img onclick=""><img onclick=""></div>

ログイン後にコピー

あとはcssで制御するだけです

あなた、このように書くとページレイアウトが変わります。 DIV には 2 つの IMG だけでなく、他の多くのタグもあります。

これら 2 つの img タグを分離し、絶対配置を使用して div の上に配置するだけです。そう思うと、それでいいような気がします。

バブリングを停止 http://lj830723.iteye.com/blog/1452280

function stopPropagation(e) {

e = e ||
if (e.stopPropagation ) { // W3Cバブリングを防ぐメソッド e.stopPropagation();

e.cancelBubble = true; //バブリングを防ぐ IE メソッド
function openchat(e,vId) {
StopPropagation(e) }

試してみましたが、まだです。機能しません。なぜなら、onclick では ID を渡す必要があるからです。コードは上記の通りです
関数のイベントは使えないので、eを渡さなければ中のメソッドがウィンドウのイベントを受け取ります。つまり、メソッドは、渡した ID であるパラメーターを 1 つだけ受け入れます:

function stopPropagation(e) {    e = e || window.event;    if (e.stopPropagation) { //W3C阻止冒泡方法          e.stopPropagation();    } else {        e.cancelBubble = true; //IE阻止冒泡方法      }}  function openchat(vId) {    stopPropagation();}

ログイン後にコピー