クリックイベントは有効ではなく、クリックが機能せず、要素が隠されていることが多い.css要素が隠され、選択できません

1332 ワード

js制御クリックが有効でない場合がありますか?この場合、あなたの要素が他の要素に遮られているかどうかを考慮します.ここで言う遮蔽は見えないわけではない.見えますが、別の要素を通して選択することはできません.1、css調整z-indexはまず、より外層の元素が内側層の元素を遮っていることを考慮することができる.例えば、外層遮蔽がdiv(.card)で遮蔽されているのはinputボックスが(.input-space)である場合、その要素を遮蔽するcssのz-index調を彼より低くしなければならない.外層遮蔽のクラス名はcardであり、遮蔽されたinputのクラス名はinput-spaceであると仮定する.
.card{
    z-index:1;
}
.input-space{
    z-index:2;
}

2、書き終わったらinputボックスを見てもいいですか(クリックしても有効ではありません).まだ選択されていない場合(クリックイベントは有効ではありません)、これに基づいてcardにcssを追加します.pointer-events:none、このcssはマウスイベントが現在の要素に対して無効だと考えています.
.card{
    pointer-events: none;
}

これでクリックイベントが直接カードを省略するので、入力ボックスに直接選択できます.ブログはオリジナルで、転載はこのブログのアドレスを添付してください