jquery - 用按钮代替回车键

Question

当按下回车键时，我生成了这个图表。我想使用一个简单的按钮:http://www.cb-dev.tk/A/

这是 init.js 文件:

$(function(){
    var input = $('.input'),
        bar = $('.bar'),
        bw = bar.width(),
        percent = bar.find('.percent'),
        ps =  percent.find('span'),
        name = 'rotate';

    input.on('keydown', function(e){
        if (e.keyCode == 13){
            var t = $(this), val = t.val();
            if (val >=0 && val <= 1000){
                var w = 1000-val, pw = (bw*w)/1000,
                    pa = {
                        width: w/10+'%'
                    },
                    cw = (bw-pw)/2,
                    ca = {
                        left: cw
                    }
                ps.animate(pa);                 
            } 
        }
    });
});

怎么做？

Answer 1

你可以这样做:

var e = jQuery.Event("keydown");
e.which = 13;
$('button.yourbutton').click(function(){
  input.trigger(e); // input is your $('.input')
});

通过执行input.trigger(e)，您可以“模拟”在该输入上按 Enter 键。所以基本上你是在输入按键时调用回调函数...

如果您希望另一个元素调用该函数，只需绑定(bind)其他内容而不是输入，即 $('button').click(...)