HTML 点击空白处或回车执行方法 - JavaScript 事件监听 - 常规

在 HTML 中，要实现点击空白处或按回车执行方法，可以使用 JavaScript 来监听事件并执行相应的方法。

点击空白处执行方法：可以使用 document 对象的 click 事件来监听整个文档的点击事件，然后判断点击的元素是否是空白处（即没有指定元素），如果是，则执行相应的方法。

<!DOCTYPE html>
<html>
<head>
    <title>点击空白处执行方法</title>
</head>
<body>
    <div id='myDiv'>点击空白处或回车执行方法</div>
    
    <script>
        document.addEventListener('click', function(event) {
            var myDiv = document.getElementById('myDiv');
            if (event.target != myDiv) {
                myMethod();
            }
        });
        
        function myMethod() {
            alert('点击了空白处');
        }
    </script>
</body>
</html>

按回车执行方法：可以使用 document 对象的 keydown 事件来监听按键事件，然后判断按下的键是否是回车键（键码为 13），如果是，则执行相应的方法。

<!DOCTYPE html>
<html>
<head>
    <title>按回车执行方法</title>
</head>
<body>
    <input type='text' id='myInput' placeholder='按回车执行方法'>
    
    <script>
        document.addEventListener('keydown', function(event) {
            var myInput = document.getElementById('myInput');
            if (event.keyCode === 13 && event.target === myInput) {
                myMethod();
            }
        });
        
        function myMethod() {
            alert('按下了回车键');
        }
    </script>
</body>
</html>

以上是两种实现的示例，你可以根据具体需求进行修改和适配。