私信  •  关注

Bradley Roberts

Bradley Roberts 最近创建的主题
Bradley Roberts 最近回复了
3 年前
回复了 Bradley Roberts 创建的主题 » 使用jquery使用escape键关闭模式

对于点击事件,可以使用 $('.modal').toggleClass('visible'); ,但对于“转义”按钮单击,您正在使用。隐藏();

这个解决方案适合我:

<script>
    $(document).ready(function(){
        $('.modal-toggle').on('click', function(e) {
        e.preventDefault();
        $('.modal').toggleClass('visible');
      });     
    })

    $(document).keydown(function(e) {
      var code = e.keyCode || e.which;
      if (code == 27) $('.modal').toggleClass('visible');
    }); 
</script>

注意:您还需要为“取消”按钮单击添加一个事件处理程序。