Textarea ctrl+enter实现换行,用enter实现表单提交
来源:互联网 发布:微官网制作哪个软件好 编辑:程序博客网 时间:2024/05/21 09:20
1. 实现换行的想法是,监听Enter按键, 找到光标当前所在位置,在当前位置上插入一个“\r\n”,
2. 实现提交:监听Ctrl + enter键,找到父级form,提交Form
$('#inputmessage').keypress(function (ev) {
// 监听按键
var keycode = (ev.keyCode ? ev.keyCode : ev.which);
if (ev.ctrlKey && (keycode == 13 || keycode == 10)) {
insertNewlineToChat($(this));
}
else if (!ev.ctrlKey && (keycode == 13 || keycode == 10)) {
$(this).closest("form").submit();
return false;
}
return true;
});
function insertNewlineToChat(element) {
var myValue = "\r\n";
var $t = $(element)[0];
if (document.selection) {
$t.focus();
var sel = document.selection.createRange();
sel.text = myValue;
$t.focus();
sel.moveStart('character', -l);
} else if ($t.selectionStart || $t.selectionStart == '0') {
var startPos = $t.selectionStart;
var endPos = $t.selectionEnd;
var scrollTop = $t.scrollTop;
$t.value = $t.value.substring(0, startPos) + myValue + $t.value.substring(endPos, $t.value.length);
$t.focus();
$t.selectionStart = startPos + 1;
$t.selectionEnd = startPos + 1;
$t.scrollTop = scrollTop;
} else {
$t.value += myValue;
$t.focus();
}
}
insertNewlineToChat函数参考了 水墨寒 的文本框插入表情控件: http://www.jq-school.com/Detail.aspx?id=153
- Textarea ctrl+enter实现换行,用enter实现表单提交
- CTRL+ENTER CTRL加回车实现提交表单
- FCK 实现Ctrl+Enter提交
- ctrl+enter提交表单
- Ctrl+Enter提交表单
- 按下Enter键分别实现换行和提交表单
- jquery实现按enter键表单不提交而是换行
- 如何设置用Ctrl+Enter提交表单
- 如何设置用Ctrl+Enter提交表单
- 按ctrl+enter提交表单
- 按ctrl+enter提交表单
- 按ctrl+enter提交表单
- ctrl+enter提交表单 js
- 使用Ctrl+Enter提交表单
- 键盘Enter键实现提交表单
- 按ctrl+enter提交表单源码
- Ctrl+Enter提交事件
- Ctrl+Enter提交事件
- 途新CRM系统签约上海国际医学园区
- Android基础:HelloWorld之Toast用法
- MyEclipse设置自动提醒(补全)功能
- 为什么C# md5 32位加密算法,密码明文会出现31位
- T- SQL性能优化详解
- Textarea ctrl+enter实现换行,用enter实现表单提交
- 求a的连续和
- cocos2d-x 3.2 使用ndk r10d编译问题
- Build your own Router in Go
- C/C++编程题 约瑟夫环问题分析
- 途新科技签约高顿财经培训Call Center(呼叫中心)项目
- 虚拟机类加载机制.
- 杭电2033 人见人爱A+B
- mysql报错Fatal error: Can't open and lock privilege tables: Table 'mysql.host' doesn't exist