弹出弹框,按回车,有神奇的事情发生

提问 已结
17 291
luckytao
luckytao 2018-7-6
悬赏:20飞吻
版本:layui 浏览器:
在预览layuiAdmin的时候,发现了一个比较神奇的事情,无限弹框!!
弹框弹出以后,不要进行鼠标点击,然后直接按回车键,弹框会无限的出现?
哪位大神指导原因吗?
回帖
  • 没什么其他原因,就是焦点问题。button按钮是有焦点的,你点击的时候,焦点就在上面,你按回车当然会触发。而且不光回车会触发,空格也会触发
    0 回复
  • 阿Q灬
    2018-7-6
    你可以手动阻止回车事件呀,框架都不是十全十美的呀
    0 回复
  • luckytao
    2018-7-6
    @阿Q灬 我试了一下 没阻止成功 所以问一下
    0 回复
  • 这个没有给弹框设置id参数,设置了就只能弹一个 http://www.layui.com/doc/modules/layer.html#id
    0 回复
  • 其实是焦点问题,你在success里把焦点从按钮上移开就行了
    0 回复
  • luckytao
    2018-7-6
    @洛水三千 确实只有一个了 但是 弹出事件 好像一直在执行 我打印index 按几次enter index就加几
    0 回复
  • luckytao
    2018-7-6
    @小D在么 应该不是这个原因 你可以打开 官方的demo 测试一下 和焦点 关系不大
    0 回复
  • 俗人520
    2018-7-6
    你在页面禁用回车键呗
    0 回复
  • luckytao
    2018-7-6
    @俗人520 我禁用了 但是好像没啥效果 时好时不好 可能我的原因
    0 回复
  • layer.open() 弹出加上唯一ID 就可解决这问题,或者取消原触发元素的焦点。
    0 回复
  • 我在admin里测试,有一个是不会弹出的,layuiadmin风格的那个
    0 回复
  • luckytao
    2018-7-6
    @flyer373 好的 谢谢!
    0 回复
  • luckytao
    2018-7-6
    @暴躁的渣男 我的失误,确实是焦点事件 谢谢!
    0 回复
  • 是这样子的吗,[哈哈] [哈哈] [哈哈]

    0 回复
  • luckytao
    2018-7-6
    @synchronized [哈哈] 佩服 666666666666
    0 回复
  • 设置了id的不会重复弹出,其他的,弹出成功后,焦点也可能会在其他按钮上,比如弹出一个div,焦点会在关闭按钮上,回车和空格就会触发关闭事件
    0 回复
  • luckytao
    2018-7-6
    @暴躁的渣男 id和移除焦点 都是可以的
    0 回复