【问题标题】:avoid normal mouse-cursor movement on pressing enter in textarea避免在 textarea 中按 enter 时正常的鼠标光标移动
【发布时间】:2011-06-13 20:19:30
【问题描述】:

嗨,在我的网页中,我正在按 Enter 按钮保存 textarea 内容。它正在保存,但发生的是鼠标光标移动到下一行。它总是用换行符保存。我只是想避免鼠标光标移动到下一行并保存它。为了保存它,我对 textarea 使用 event.keycode 之类的东西,然后保存它

$('.text_desc_cls').keyup(function(event){save_text_val(event,this.id);});

function save_text_val(event,this_id){
var keycode = (event.keyCode ? event.keyCode : event.which);
if(keycode == '13'){
    req_id = '#'+this_id;
    textarea_val = $(req_id).val();
    $.post("./funcs.php?func=save_int_text_val",{textarea_val:textarea_val},function(data){
        alert('done');
    }
}}

【问题讨论】:

    标签: textarea enter mouse-cursor


    【解决方案1】:

    最简单的解决方案是获取 keydown 上的值 - 这将为您提供没有最新条目的值。它将在文本区域中显示换行符,因此如果您需要删除它,您可以切换到 keyup 而不是 keydown 并像这样进行替换:

    $(req_id).val($(req_id).val().replace(/\n/,''));

    【讨论】:

    • 非常感谢杰克。两者都很好。你觉得哪个更好?
    • 这取决于页面之后发生的情况。如果您在提交后清除表格,第一个很好。但是,如果您发布后文本仍保留在 textarea 中,那么您需要替换换行符,以便用户可以看到没有输入换行符。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-19
    相关资源
    最近更新 更多