首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何找到点击金额?

如何找到点击金额?
EN

Stack Overflow用户
提问于 2016-08-17 12:03:01
回答 4查看 95关注 0票数 4

我想打印点击金额到控制台,但它必须是所有的空白区域。有可能吗?

我试过用纽扣,但做不到我想做的。

HTML:

代码语言:javascript
运行
复制
   <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <script src="myScript3.js"></script>
        </head>

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

JS:

代码语言:javascript
运行
复制
var x = 0;
function tiklama() {
    console.log(++x);
}
EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2016-08-17 12:13:34

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

代码语言:javascript
运行
复制
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);
代码语言:javascript
运行
复制
<p>Some text -- considered non-interactive area.</p>
<button>An interactive button</button>

票数 2
EN

Stack Overflow用户

发布于 2016-08-17 12:09:15

代码语言:javascript
运行
复制
var x = 0;
function tiklama() {
    alert(++x);
}
代码语言:javascript
运行
复制
<button onclick="tiklama()">Tıkla!</button>

票数 0
EN

Stack Overflow用户

发布于 2016-08-17 12:09:21

您可以数一数页面(html)被点击多少次,如下所示:

代码语言:javascript
运行
复制
var x = 0;
$('html').click(function() {
    ++x;
  document.getElementById("number").innerHTML = x;
});

jsFiddle链路

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/38996111

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档