javascript - 如何找到点击量?

标签 javascript html

我想将点击量打印到控制台,但它必须针对所有空白区域。可能吗?

我试过使用按钮,但不能做我想做的事。

HTML:

   <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <script src="myScript3.js"></script>
        </head>

        <body>
            <button onclick="tiklama()">Tıkla!</button>
        </body>
    </html>

JS:

var x = 0;
function tiklama() {
    console.log(++x);
}

最佳答案

在更高级别监听点击事件,例如在 <html>元素并检查事件的 target 是否属性(property)符合您对“空白区域”的定义。

var counter = 0;
document.documentElement.addEventListener('click',
    function(e) {
        // counting all clicks except on the interactive elements
        if (!e.target.matches('button,input,textarea,select')) {
            console.log(++counter);
        }
    },
    false);
<p>Some text -- considered non-interactive area.</p>
<button>An interactive button</button>

关于javascript - 如何找到点击量?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38996111/

相关文章:

javascript - 在另一个模板中为模板 &lt;script type="text/template>&lt;/script&gt; 添加下划线

javascript - 如何使用 javascript 在 safari 中启动全屏?

javascript - jQuery 验证在公共(public)文件中不起作用

javascript - jQuery - 查找和删除 div 的多个属性

javascript - 从文本字符串中获取变量 [jQuery]

php - CSS/HTML/PHP CSS 未应用于 HTML

javascript - 选择父项的孙子项 - 返回未定义的 VAR

javascript - Jquery 字体大小操作 TextArea Cutout

javascript - 如何获取持续时间小于一小时的格式 "00:34"moment.js

javascript - 从应用程序中直接输入的网址读取路由参数