7

这个问题看起来很像 在 Jquery 中，我如何区分程序点击和用户点击？

但我无法得到它，我的代码

<div class="sample_class" onclick="sample_fn(arg1,arg2,arg3,arg4, e);" ></div>
<div class="trigger_class" onclick="trigger_fn()></div>


function sample_fn(arg1,arg2,arg3,arg4, e){
    console.log(e) ;
    console.log(e.isTrigger);
    console.log(e.hasOwnProperty('originalEvent'));
}


function trigger_fn(){
    $(".sample_class").trigger("click")
}

单击 div.sample_class 我进入控制台对象 undefined false

单击 div.tigger_class 我进入控制台相同的东西 Object undefined false

我无法区分这两次点击。提前致谢

4

1 回答 1

7

更新：从 jQuery 1.7+ 开始，事件对象（e在下面的代码中）对象将包含一个名为的属性e.isTrigger，true如果事件被触发，则为 undefined；如果未触发；这是未记录的，因此请在使用前检查此（演示）。如果使用旧版本的 jQuery，请使用下面的代码。

将标志传递给您的函数可能更容易。这是一个演示：

HTML

<button>Trigger a click below</button>

<div id="test">Click Me</div>​

脚本

​$('#test').click(function(e, triggered){
    var msg = (triggered) ? ', triggered' : '';
    console.log('clicked' + msg);
});​​

$('button').click(function(){
    // pass a true flag to the click function to indicate
    // it's been triggered
    $('#test').trigger('click', true);
});

更新：数据属性可以包含有效的 JSON，它会自动转换为对象（演示）：

<div class="test" data-args='{ "quantity": 1, "type": "pizza", "extra1": "peperoni", "extra2": "cheese", "extra3": "cheesy bread" }'>Click Me</div>

请注意，data-arg使用单引号来包含 JSON，但里面的 JSON 必须在每个键和值周围使用双引号（除非它是数字的）。

然后使用data方法提取信息：

var args = $(this).data('args');

或者，您可以为每个参数创建一个单独的数据属性（demo）：

<div class="test" data-quantity="1" data-type="pizza" data-extra1="peperoni" data-extra2="cheese" data-extra3="cheesy bread">Click Me</div>

然后使用收集元素中的所有数据，如下所示：

var args = $(this).data();
于 2012-06-07T15:00:35.233 回答