一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

让textarea支持ctrl+enter提交表单

时间:2011-05-04 编辑:简简单单 来源:一聚教程网

textarea支持ctrl+enter提交表单
1、让textarea支持ctrl+enter提交表单。
2、ctrl+enter提交表单之前,调用自己的验证函数,比如验证内容是否为空。
3、比如textarea是空的,我按ctrl+enter提交表单,会提示不要发空信息,似乎是正常的。可这时,会产生一个空行,再按一次,又会产生一个换行。我们就来解决这个问题。
表单代码:



在js里这样写:

function 验证函数(){
    if{
return false
}
    else{
        return true
    }
}

在表单里后面的else return false是为了防止有无谓的换行。
而在js里要return true,是为了防止return false后无法键入字符

1.现在关键是要取得各键对应的键值,先运行一下下面的脚本测试键值:


alert(event.keycode)



2.好了,测试到回车键的键值为13,ctrl键的键值为17,于是有:

asp教程" onkeydown="if(event.keycode==17&&event.keycode==13)this.submit()">



3.测试一下看看?没成功,因为每次keydown事件只有一个键,也就是说event,keycode不可能同时等于13和17,这时要同时捕获ctrl键,就要用event.ctrlkey了,修改如下:






 提示:按键的事件句柄除了onkeydown外,还有onkeyup和onkeypress;判断左边的ctrl键还可以用event.ctrlleft。
特别提示
代码运行后在多行文本框内按下ctrl+enter键,表单将自动提交效果如图1.4.30所示。

热门栏目