Jquery函数调用click事件函数

时间:2016-04-26 11:37:52

标签: jquery function key-bindings

今天的JQuery问题是代码:希望它有意义

$(function() {
    var distence = 0;
    $('.right').click(function() {
        distence -= 100;
        $('#container').css('transform', 'translateX(' + distence + '%)')
        console.log(distence);
    });
    $('.left').click(function() {
        distence += 100;
        $('#container').css('transform', 'translateX(' + distence + '%);')
        console.log(distence);
    });


$(window).keypress(function (e) {
  if (e.keyCode === 0 || e.keyCode === 32) {
    e.preventDefault()
    keyClick();
  }
  if (e.keyCode === 0 || e.keyCode === 13) {
    e.preventDefault()
    keyClick();
  }
});
    });

我的目标是运行功能

$('.right').click(function() {
    distence -= 100;
    $('#container').css('transform', 'translateX(' + distence + '%)')
    console.log(distence);
});

每次我点击输入或空格键但我在运行该功能时遇到问题,你可以看到我有

keyClick();

一旦他们点击输入或空格但我不知道如何调用我的目标,如果有人能帮助我,那将非常感谢你。

2 个答案:

答案 0 :(得分:2)

您可以使用trigger之类的

$('.right').trigger('click')触发匿名点击事件处理程序。 $('.right').click()也可以做到这一点(.trigger( "click" )快捷方式)

答案 1 :(得分:2)

您尚未定义function keyClick(),或忘记发帖。但是,你想要的也可以做到:

if (e.keyCode === 0 || e.keyCode === 32) {
    e.preventDefault()
    $('.right').trigger('click');
  }

也许这会对你有帮助。

现在,如果您想将其用作函数,那么您应该执行以下操作:

function keyClick()
{
$('.right').trigger('click');
}