2

我尝试使用触发事件。如果我用手独立触发事件，我就没有问题，并且事件参数包含我需要的所有字段。如果我使用 jQuerytrigger()一切正常，但事件参数几乎一无所获。

<div id="dragDiv">
    <button id='dragButton' >tap</button>
</div>

$("#dragButton")
   .hammer({
        // options...
   })
   .bind("drag", doCall);

function doCall(ev){
    console.log(ev);
}

$('#dragButton').trigger("drag");

结果

v.Event {type: "drag", timeStamp: 1357286124612, jQuery18306904058358632028: true, isTrigger: true, exclusive: undefined…}
currentTarget: <button>
data: null
delegateTarget: <button>
exclusive: undefined
handleObj: Object
isTrigger: true
jQuery18306904058358632028: true
namespace: ""
namespace_re: null
result: undefined
target: <button>
timeStamp: 1357286124612
type: "drag"
__proto__: Object

但是我需要：

v.Event {type: "drag", originalEvent: MouseEvent, position: Object, direction: "right", distance: 22.825424421026653…}
angle: -28.810793742973058
currentTarget: <button>
data: null
delegateTarget: <button>
direction: "right"
distance: 22.825424421026653
distanceX: 20
distanceY: -11
exclusive: undefined
handleObj: Object
isTrigger: true
jQuery18306904058358632028: true
namespace: ""
namespace_re: null
originalEvent: MouseEvent
position: Object
result: undefined
target: <button>
timeStamp: 1357286139160
touches: Array[1]
type: "drag"
__proto__: Object
4

2 回答 2

0

这是正确的行为，因为缺少的属性是用户操作相关的，或者是指触发事件的原始用户操作，如果通过 jQuery 触发事件，这些属性显然是未定义的。

你的期望是什么？如果您希望自动填充这些值，则它们不能，因为它们需要一个标准。如果您知道在事件中需要什么值，或者您可以在触发事件时指定它，请以这种方式传递它们：

var event = jQuery.Event("drag");
event.missingproperty = "myvalue";
event.anothermissingproperty = "anothervalue";
$("selector").trigger(event);
于 2013-01-04T08:17:05.403 回答
0

出于安全考虑，当您使用 javascript 触发事件时，它的注册方式与用户触发事件时不同。你会注意到在你的输出中有一个

isTrigger: true

自己触发事件总是与用户触发事件不同。

于 2013-01-04T08:21:44.647 回答