Jquery 事件的两个“或”条件?

Jquery 事件的两个“或”条件?,jquery,button,click,radio,mouseup,Jquery,Button,Click,Radio,Mouseup,小提琴: 测试Pop是项目的当前功能。测试POP2是我希望我的脚本能够起到的作用。但是,实际的脚本在单击执行上的功能要比关闭弹出窗口的功能多得多 有没有办法将on enter和on mouseup命令组合成一行 $("#popup2 label").on('keyup || mouseup', function (event) { $('#popup2').css('display', 'none'); }); 像这样的东西是我正在寻找的,但我想要的是enterkey-keyup的ke

小提琴:

测试Pop是项目的当前功能。测试POP2是我希望我的脚本能够起到的作用。但是,实际的脚本在单击执行上的功能要比关闭弹出窗口的功能多得多

有没有办法将on enter和on mouseup命令组合成一行

$("#popup2 label").on('keyup || mouseup', function (event) {
    $('#popup2').css('display', 'none');
});
像这样的东西是我正在寻找的,但我想要的是enterkey-keyup的key-up-to-only函数。正如上面所写的,任何键都会发生这种情况

我之所以尝试这样做,是因为我想让表单键盘可以访问。从小提琴上可以看出,如果你用键盘浏览测试弹出,你必须在选择单选按钮后重新打开对话。

只需使用空格

$("#popup2 label").on('keyup mouseup', function (e) {
    if (e.type == 'keyup' && e.which != 13) return;
    $('#popup2').css('display', 'none');
});
从:

事件一个或多个空格分隔的事件类型和可选名称空间,如click或keydown.myPlugin

用一个空格

$("#popup2 label").on('keyup mouseup', function (e) {
    if (e.type == 'keyup' && e.which != 13) return;
    $('#popup2').css('display', 'none');
});
从:

事件一个或多个空格分隔的事件类型和可选名称空间,如click或keydown.myPlugin

可以简化很多,但只是为了展示它是如何完成的


可以简化很多,但只是为了展示它是如何完成的

没有必要做整个电子密码?e、 keyCode:e.which dance-jQuery为您规范化事件。我不想要多余的代码,因为发生的事情远不止样式更改。这就像是一个风格的改变,还有一些其他的功能应该在点击时发生。没有必要做整个e.keyCode?e、 keyCode:e.which dance-jQuery为您规范化事件。我不想要多余的代码,因为发生的事情远不止样式更改。这就像是一个样式的改变,还有一些其他的功能应该在点击时发生。也可以使用空格键来选择收音机。也可以使用空格键来选择收音机。谢谢,这非常有用!虽然我不得不将其调整为:$popup2标签。在'keyup | | mouseup'上,函数event{if event.type=='keyup'&&event.which!=13返回;$'popup2'。css'display','none';};谢谢,这很有效!虽然我不得不将其调整为:$popup2标签。在'keyup | | mouseup'上,函数event{if event.type=='keyup'&&event.which!=13返回;$'popup2'。css'display','none';};
$("#popup2 label").on('keyup mouseup', function (e) {
    if (e.type==='keyup') { //key was pressed
        var code = (e.keyCode ? e.keyCode : e.which);
        if(code == 13) { //Enter was pressed
            //Do something
            $('#popup2').css('display', 'none');
        }
    }else{
        //mouseup was the trigger
        $('#popup2').css('display', 'none');
    }
});