keypress不支持中文问题解决 获取输入框新输入的内容 中文输入过程中不截断 获取光标的具体坐标
2018-01-16 13:56
537 查看
$(this).keypress(function(e) { //keypress可以获取到点击的键值 和对应的输入内容但在中文下不会触发
var c = String.fromCharCode(e.which); //获取新输入的内容
});解决方法用oninput
$('.input_wrap input').on('input', function (event) {
if ($(this).prop('comStart')) return; // 中文输入过程中不截断
var thisval = $('.input_wrap input').val();
}).on('compositionstart', function (event) {
$(this).prop('comStart', true);
}).on('compositionend', function (event) { //在确定中文输入完成后触发获取输入框内容
$('.input_wrap input').getCursorPosition();
var nowdata=event.originalEvent.data; /获取本次新输入的输入框内容
$(this).parent().append("<span class='cl" + rand + "'>" + nowdata + "</span>");
$(this).prop('comStart', false);
});获取光标的具体坐标
我找了好多方法,但是大都是获取当前输入框的字符数量,但是我觉得这样还要判断对应的字符是中文还是英文还是特殊字符,所以,我想了一个歪点子 做一个随着内容撑开的盒子然后直接获取这个盒子的宽度,这样就知道当前的输入光标在输入框的那个位置了~ 感觉这个方法也不是最美丽的~所以有好的方法,请告诉我私信或者评论都可以,先谢过了嘿嘿,
↓代码下载链接奉上
代码下载链接:http://download.csdn.net/download/zyz_3362/10207899
var c = String.fromCharCode(e.which); //获取新输入的内容
});解决方法用oninput
$('.input_wrap input').on('input', function (event) {
if ($(this).prop('comStart')) return; // 中文输入过程中不截断
var thisval = $('.input_wrap input').val();
}).on('compositionstart', function (event) {
$(this).prop('comStart', true);
}).on('compositionend', function (event) { //在确定中文输入完成后触发获取输入框内容
$('.input_wrap input').getCursorPosition();
var nowdata=event.originalEvent.data; /获取本次新输入的输入框内容
$(this).parent().append("<span class='cl" + rand + "'>" + nowdata + "</span>");
$(this).prop('comStart', false);
});获取光标的具体坐标
我找了好多方法,但是大都是获取当前输入框的字符数量,但是我觉得这样还要判断对应的字符是中文还是英文还是特殊字符,所以,我想了一个歪点子 做一个随着内容撑开的盒子然后直接获取这个盒子的宽度,这样就知道当前的输入光标在输入框的那个位置了~ 感觉这个方法也不是最美丽的~所以有好的方法,请告诉我私信或者评论都可以,先谢过了嘿嘿,
↓代码下载链接奉上
代码下载链接:http://download.csdn.net/download/zyz_3362/10207899
相关文章推荐
- 解决source insight输入中文间距大,删除键Del键左右方向光标半个汉字的问题
- cocos2dx 3.x 解决输入框(TextField,TextFieldTTF) 输入中文变乱码的问题
- 解决js函数replace禁止输入框输入非法字符,光标回到文字最后问题(兼容ie、谷歌)
- NetBox环境下ajax用get获取数据,中文乱码的问题解决:对象不支持此属性或方法: 'Response.CharSet'
- 在jsp中,获取页面中中文输入的值乱码问题解决。修改tomcat的编码问题
- 安卓学习笔记---解决在在Edittext输入的时候,输入框被软键盘遮挡部分内容的问题(二)
- input输入框输入中文时,需要计数input输入的汉字数,解决拼音输入的时候计数问题
- UITextField输入内容超出输入框光标不移动问题
- js地址栏获取参数的方法,解决中文乱码问题,能支持中文参数
- Java 简单解决springmvc获取properties文件里面中文内容出现论码问题(我遇到的问题是数据提交检验时返回的错误提示出现乱码)
- JSP中获取HTML中的中文内容是乱码的解决方法---开发中遇到的问题
- fcitx linux输入法中文输入问题解决过程!
- iOS UITextView 限制字数(解决了截断输入联想和对系统键盘中文不友好的问题)
- 总结Asp.net中Page加载PostData的具体过程 进而解决"获取动态创建的控件的PostData数据"问题
- 在Linux下解决JBuilderX的中文输入和光标错位问题
- 总结Asp.net中Page加载PostData的具体过程 进而解决"获取动态创建的控件的PostData数据"问题
- Pligg beta9.7升级到pligg beta 9.8过程遇到的(中文支持)问题解决
- Watir解决在web页面文本输入框中无法输入中文的问题
- UITextField限制输入字数高亮状态下输入框内真实类容与textFiled(解决中文输入问题)
- 解决Ubuntu(Linux)平台下Sublime Text 3 安装中文输入支持库后 开启gnome-terminal报错的问题