javascript - 用事件触发元素功能

Question

我做了这个片段，所以你可以知道我真正的问题是什么:

$('#test1').on('touchstart mousedown', function(e){
  $('#output').val(e.pageY);
});

$('#test2').on('touchstart mousedown', function(e){
  $('#test1').trigger('touchstart mousedown');
});

button {
  height: 50px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<button id="test1">test1</button>
<button id="test2">test2</button>
<input type="text" id="output">

如您所见，单击 button#test1 时，它会正确输出值，但如果我需要从另一个元素触发其操作(在此代码段中，button#test2)..它不起作用。

我认为 e-event 没有通过 $.trigger 传递。

有人知道任何技巧，或者有什么想法吗？提前致谢。

一个live fiddle

Answer 1

试试这个:

$('#test1').on('touchstart mousedown', function(e){
  $('#output').val(e.pageY);
});

$('#test2').on('touchstart mousedown', function(e){
  $('#test1').trigger(e);
});