자바스크립트에서 키보드 입력 가로채서 바꿔서 입력할 수 잇나요?

이한길의 이미지

자바 스크립트에서 키보드 입력 들어온것을 가로채서
바꿔서 다른것으로 입력하게 할 수 있나요?

있다면 방법 부탁드립니다.

익명 사용자의 이미지

조금만 생각해보시면 가능합니다.

이벤트 보고 다른이벤트 주고 리턴을 주지 않으면 됩니다.

이한길의 이미지

Zeroidle_tmp wrote:
조금만 생각해보시면 가능합니다.

이벤트 보고 다른이벤트 주고 리턴을 주지 않으면 됩니다.

죄송하지만... 저도 이벤트 보는건 알겠는데..
다른 이벤트를 주고 리턴을 주지 않는다는건 잘 모르겠네요..

이를테면..

<html>
<head>
	<script>
	function kdown(e) {
		alert(e.keyCode);
	}
	</script>
</head>

<body onkeydown='kdown(event)'>

</body>

</html>

이렇게 하면.. 위의 kdown이라는 함수에서..
어떻게 해줘야 할 것 같은데.. 그걸 모르겠어서요..

----
먼저 알게 된 것을 알려주는 것은 즐거운 일이다!
http://hangulee.springnote.com
http://hangulee.egloos.com

Zeroidle의 이미지

<html>
<head>
<script>
function keyPress(event) {
if (event.keyCode==113)
event.keyCode=81;
else
event.keyCode=0;
}
</script>
</head>

<body>
<input type='text' name='ns' value='' onKeyPress='keyPress(event);'>
</body>

</html>
------------------------------
소문자 q 눌러보시기 바랍니다.

이한길의 이미지

Zeroidle wrote:
<html>
<head>
<script>
function keyPress(event) {
if (event.keyCode==113)
event.keyCode=81;
else
event.keyCode=0;
}
</script>
</head>

<body>
<input type='text' name='ns' value='' onKeyPress='keyPress(event);'>
</body>

</html>
------------------------------
소문자 q 눌러보시기 바랍니다.

그렇군요.
그런데 혹시 onKeyPress 이벤트 등록을 자바 스크립트로는 못하나요? 이를테면..

<html>
	<head>
	</head>
	<body>
		<input type='text' name='ns' value='' id='ns'>
		<script>
			//var objs = document.getElementsByTagName("input");
			var obj = document.getElementById("ns");
			obj.onkeypress=keyPress;
			
			function keyPress(event) {
				if (event.keyCode==113)
					event.keyCode=81;
				else
					event.keyCode=0;
			}
		</script>
	</body>
</html>

이렇게 하면 될듯도 한데... event라는 파라메터를 넘겨받을 수 없는거 같네요.. 혹시 무슨 방법 없을까요?

----
먼저 알게 된 것을 알려주는 것은 즐거운 일이다!
http://hangulee.springnote.com
http://hangulee.egloos.com

댓글 달기

Filtered HTML

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

BBCode

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param>
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

Textile

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • You can use Textile markup to format text.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Markdown

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • Quick Tips:
    • Two or more spaces at a line's end = Line break
    • Double returns = Paragraph
    • *Single asterisks* or _single underscores_ = Emphasis
    • **Double** or __double__ = Strong
    • This is [a link](http://the.link.example.com "The optional title text")
    For complete details on the Markdown syntax, see the Markdown documentation and Markdown Extra documentation for tables, footnotes, and more.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Plain text

  • HTML 태그를 사용할 수 없습니다.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 줄과 단락은 자동으로 분리됩니다.
댓글 첨부 파일
이 댓글에 이미지나 파일을 업로드 합니다.
파일 크기는 8 MB보다 작아야 합니다.
허용할 파일 형식: txt pdf doc xls gif jpg jpeg mp3 png rar zip.
CAPTCHA
이것은 자동으로 스팸을 올리는 것을 막기 위해서 제공됩니다.