js实现ctrl+鼠标左键点击示例

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Ctrl + Click 示例</title>
<style>
    #myElement {
        width: 200px;
        height: 200px;
        background-color: lightblue;
        line-height: 200px;
        text-align: center;
        cursor: pointer;
    }
</style>
</head>
<body>

<div id="myElement">点击这里试试（需同时按下Ctrl键）</div>

<script>
    let isCtrlDown = false; // 用于记录Ctrl键是否被按下

    // 监听keyup事件，当Ctrl键抬起时重置标志
    document.addEventListener('keyup', function(event) {
        if (event.key === 'Control'||event.key === 'Meta') {
            isCtrlDown = false;
        }
    });

    // 监听mousedown事件，检查是否同时按下Ctrl
    document.getElementById('myElement').addEventListener('mousedown', function(event) {
        if (event.button === 0 && isCtrlDown) { // button === 0 检测是否为左键点击
            console.log("Ctrl + 左键点击");
            // 在这里执行你希望Ctrl+点击时触发的操作
            event.preventDefault(); // 可选：阻止默认点击行为
        }
    });

    // 监听keydown事件，记录Ctrl键被按下的状态
    document.addEventListener('keydown', function(event) {
        if (event.key === 'Control'||event.key === 'Meta') {
            isCtrlDown = true;
        }
    });
</script>

</body>
</html>