Question

当输入标签聚焦时，我没有强调我的div。注意：输入标记和目标div都不在同一个div中。请参阅代码

<div><input type="text"/></div>
<div>this should change color when input is focused</div>

Answer 1

喜欢这个？这会使用MyIonic2 -> alertDialog将jQuery更改为css

＆＃13;

div

＆＃13;

$('#someInput').on("focus", function(){
   $("#someDiv").css("color", "red")
});

＆＃13;

Answer 2

你正试图选择父母的兄弟......叔叔/阿姨;）
坏消息是：CSS无法做到这一点不过好的'JS'会做的伎俩

const trigger = document.getElementById("trigger");
const target = document.getElementById("target");

trigger.addEventListener("focusin", function() {
  target.classList.add("triggered");
});
trigger.addEventListener("focusout", function() {
  target.classList.remove("triggered");
});

.triggered {
  color: red;
}

<div>
  <input id="trigger" type="text" />
</div>
<div id="target">this should change color when input is focused</div>

如何聚焦输入标签div之外的div

2 个答案: