Jquery CSS关注字段集上的操作不起作用？

我想创建一个效果，点击div中的fieldset/几个带有不透明背景的按钮，然后在里面弹出模糊效果。到目前为止，我已经能够创建一个盒子打开的效果，但它只在你点击输入时起作用

我想更改它，使其在fieldset上工作。聚焦操作。。。。。但当我点击字段集时，什么都没有发生

---

如果无法在字段集上设置焦点，是否有其他方法可以在鼠标单击时在选定元素内弹出一个对话框或几个按钮？

如果您想要一个仅CSS的解决方案，您可以在表单中添加一个tabindex属性，然后以子元素为目标

演示

CSS

HTML

---

为什么你的不在你的内部，并且由于某种原因，在你的开始标签之前被打开，在结束标签之前被关闭？那个HTML是无效的。JavaScript、HTML和CSS工作得更好、更可靠，使用有效的HTML.fieldset无法获得焦点。只有输入元素、定位点和按钮才能接收焦点。。。但是你不能把一个输入或按钮放在一个锚里。真是一团糟。你可以试试这样：谢谢你，尼科，非常感谢！我是一个新手，所以我仍然学到了很多。如果我对史蒂夫·盖茨有点苛刻，我很抱歉。我们都在这里学习。玩得高兴：

fieldset.focus-actions:focus + .submit{
  display: block;
}

form:focus > .submit{
  display: block;
}

<form id="message-form" action="#" method="post" tabindex="1">

// this is when the div is on focus
$( "#disp" ).focus(function() {
  $('.submit').css('display','block');
});
// this is when the form is on focus
$( "form" ).focus(function() {
  $('.submit').css('display','block');
});