javascript - 更改 jEditable 输入字段中的字母大小写

Question

在使用jEditable插件编辑字段时，我想更改大小写（全部大写或首字母大写） 。我的代码与此类似：

$(".edit").editable("some/url/", {
    type   : 'text',
    submitdata: { _method: "put" },
    select : true,
    event  : "dblclick",
    submit : 'OK',
    cancel : 'cancel',
    id   : 'edititem',
    name : 'newvalue'
});

我想onkeyup在我的输入字段中添加功能，onkeyup="javascript:this.value=this.value.toUpperCase()"但我真的不确定该怎么做......也许还有其他方法可以实现这一点？

谢谢你的帮助！

Answer 1

rsplak 基本上是正确的。你只需要一点魔法就可以让它发挥作用。

$(".edit").editable("some/url/", {
    type   : 'text',
    submitdata: { _method: "put" },
    select : true,
    event  : "dblclick",
    submit : 'OK',
    cancel : 'cancel',
    id   : 'edititem',
    name : 'newvalue'
});

$(".edit").dblclick(function() {
    $('input').bind('keyup', function() {
        $(this).val($(this).val().toUpperCase());
    });
});

那会让你到达那里。

Answer 2

As you're already using jQuery, try this:

$('input').bind('keyup', function() {
    $(this).val($(this).val().toUpperCase());
});

Works like a charm JSFiddle