社区所有版块导航
Python
python开源   Django   Python   DjangoApp   pycharm  
DATA
docker   Elasticsearch  
aigc
aigc   chatgpt  
WEB开发
linux   MongoDB   Redis   DATABASE   NGINX   其他Web框架   web工具   zookeeper   tornado   NoSql   Bootstrap   js   peewee   Git   bottle   IE   MQ   Jquery  
机器学习
机器学习算法  
Python88.com
反馈   公告   社区推广  
产品
短视频  
印度
印度  
私信  •  关注

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>

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