Question

当您单击事件按钮时，必须弹出一个模态窗口，但在我的示例中不是，我有两个按钮：事件和打开模态，当我单击打开模态时，当我单击其他事件时，将打开一个窗口将会发生这种情况，这是绝对好的。但是我只需要一个按钮Event，如果我将id="myBtn添加到Event Button中，则它不会打开窗口，但是callEvent（）会很好。如何通过相同的按钮单击执行两者？

<div>
<button type="button" class="confirm"
style="color: blue;"
(click)="callEvent()">
Event
</button>
<!-- Trigger/Open The Modal -->
<button id="myBtn">Open Modal</button>
<div id="myModal" class="modal">

    <!-- Modal content -->
    <div class="modal-content">
        <span class="closes">&times;</span>
        <p>Some text in the Modal..</p>
    </div>
</div>
</div>

ts

  let modal = document.getElementById("myModal");
        let btn = document.getElementById("myBtn");
        let span: HTMLElement = document.getElementsByClassName("closes")[0] as HTMLElement;
      callEven(){
    //assigning event coad....
      ..
        btn.onclick = function() {
            modal.style.display = "block";
        }
        span.onclick = function() {
            modal.style.display = "none";
        }
        window.onclick = function(event) {
            if (event.target == modal) {
                modal.style.display = "none";
            }
        }
}

模态窗口没有弹出

0 个答案: