JavaScript输入字母转成大写（jQuery）

0 0

JavaScript输入字母转成大写（jQuery）5

键盘输入时 input值显示字母总是大写像按了caps lock一样？

<INPUT TYPE="text" NAME="pName" onkeypress="keyPress()">

<SCRIPT LANGUAGE="JavaScript">   
<script>
		$(function(){
			$('body').layout();
		});
		function changeup()
		{
		var keyCode= event.keyCode;
		 
        var realkey = String.fromCharCode(keyCode).toUpperCase();
        alert(realkey); 
        event.returnValue = realkey;   
		}
	</script>

问题补充：可以谢谢 e.which != 8 是什么意思

baozhifei 写道

这样写可不可以满足你的需求？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
	$('input').keydown(function(e) {
		if (e.which != 8) {
	 		e.preventDefault();
			var c = String.fromCharCode(e.which);
			if (c.match(/[a-zA-Z]+/)) {
				$(this).val($(this).val() + c);
			}
		}
	});
});
</script>
</head>
<body>
	<input type="text" />
</body>
</html>

问题补充：

function changeup()
		{
		var keyCode= event.keyCode;
		 
        var realkey = String.fromCharCode(keyCode).toUpperCase();
        var order = $("input[id='order']").val();
        var str=order+realkey;
        $("input[id='order']").val(str);
        event.returnValue =false;
		}

并且其他的按键也不能用了这个也不是我想要的只有字母大写其他的都是正常的

baozhifei 写道

这样写可不可以满足你的需求？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
	$('input').keydown(function(e) {
		if (e.which != 8) {
	 		e.preventDefault();
			var c = String.fromCharCode(e.which);
			if (c.match(/[a-zA-Z]+/)) {
				$(this).val($(this).val() + c);
			}
		}
	});
});
</script>
</head>
<body>
	<input type="text" />
</body>
</html>

问题补充：修改后的代码

$('input').keypress(function(e) {   
		var keyCode= event.keyCode;
		var realkey = String.fromCharCode(keyCode).toUpperCase();
		$(this).val($(this).val()+realkey);
		event.returnValue =false;
    });

现在一个问题是在中间输入字母全部跑的后面没法定位
这样写可不可以满足你的需求？

JavaScript

2011年10月26日 14:41

chanshui
5
0 0 1

5个答案按时间排序按投票排序

0 0

补充:
$('#textinput').keyup(function(event){
            if(token){
         $(this).val($(this).val().toUpperCase());
               token=false;
}
        });

2011年11月09日 18:54

wangdf_jee
74
0 0 3

添加评论

0 0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript">
</script>
</head>
<body>
<input id="textinput" type="text" value="" />
    <script type="text/javascript">
       var token=false;
        $('#textinput').keypress(function(event){
            var key = event.which;
            if(key >= 97 && key <= 122){
                token=true;
            }
        });
    $('#textinput').keyup(function(event){
            if(token){
         $(this).val($(this).val().toUpperCase());
}
        });
    </script>
</body>
</html>

2011年11月09日 18:52

wangdf_jee
74
0 0 3

添加评论

0 0

可以谢谢 e.which != 8 是什么意思

8是退格键

2011年10月27日 18:14

baozhifei
107
0 0 3

添加评论

0 0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="jquery.js" type="text/javascript"></script>
</head>
<body>
	<input id="textinput" type="text" value="" />
	<script type="text/javascript">
		$('#textinput').keypress(function(event){
			var key = event.which;
			if(key >= 97 && key <= 122){
				event.preventDefault();
				$(this).val($(this).val() + String.fromCharCode(key - 32));
			}
		});
    </script>
</body>
</html>

2011年10月27日 17:38

axiheyhey
142
0 0 0

添加评论

0 0

这样写可不可以满足你的需求？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
	$('input').keydown(function(e) {
		if (e.which != 8) {
	 		e.preventDefault();
			var c = String.fromCharCode(e.which);
			if (c.match(/[a-zA-Z]+/)) {
				$(this).val($(this).val() + c);
			}
		}
	});
});
</script>
</head>
<body>
	<input type="text" />
</body>
</html>

2011年10月27日 00:16

baozhifei
107
0 0 3