javascript - 使用 onclick HTML 灰色背景

Question

我想知道是否可以像这样在按钮标签内包含两个 onclick 参数:

    <div id="Spacer" align="center">
      <button id="button" onclick="document.getElementById('pop').style.display='block'; " onclick="$('#grayout').toggle(900); return false;">
        <a id="Text">Click to go to Google</a>
      </button>
    </div>

我的 CSS 是用于 onclick 参数的:

 #grayout {
   position: fixed;
   left: 0px;
   top: 0px;
   height: 100%;
   width: 100%;
   background-color: black;
   opacity: 0.5;
  }

但这行不通。有没有办法打开名为“pop”的弹出框并将背景变灰？如果没有任何外部 java 就可以做到这一点，那也是一种奖励。

Answer 1

只需使用:

    $('#button').on('click', function() {
        document.getElementById('pop').style.display='block';
        $('#grayout').toggle(900);
    });

在脚本或标签中

解释:这里发生的是你为 id 为 button 的元素上的点击事件添加了一个事件监听器。因此，当您单击 #button 时，javascript 会执行带有大括号的代码。