키보드 END 키를 누른 효과를 낼 수 있을 까요? 정보
키보드 END 키를 누른 효과를 낼 수 있을 까요?
본문
안녕하세요~
궁금한게 있어서 문의드려봅니다...
키보드 키값이 다음과 같이 있는 걸로 아는데요.
----------------------------------
PAGEUP = 33
PAGEDN = 34
END = 35
HOME =36
.
.
.
--------------------------------------------------
다른 언어에서 본것 같은데 Keyboard(키값)처럼...
PHP에서 키보드를 누른 효과를 내려고 하는데...
구글링을 해도 좀처럼...찾기가 어렵네요..
아시는 분..
답변부탁드려요..^^
궁금한게 있어서 문의드려봅니다...
키보드 키값이 다음과 같이 있는 걸로 아는데요.
----------------------------------
PAGEUP = 33
PAGEDN = 34
END = 35
HOME =36
.
.
.
--------------------------------------------------
다른 언어에서 본것 같은데 Keyboard(키값)처럼...
PHP에서 키보드를 누른 효과를 내려고 하는데...
구글링을 해도 좀처럼...찾기가 어렵네요..
아시는 분..
답변부탁드려요..^^
댓글 전체
PHP처럼 서버사이드에서는 의미가 없는거 같고요
자바스크립트는 아래처럼 하시면 됩니다..
ex) up, down 예제
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<script type="text/javascript">
onload = function(){
field = document.getElementById('number_field')
field.onkeydown = keyhit
field.focus()
}
function keyhit(e)
{
thisKey = e ? e.which : window.event.keyCode
switch (thisKey) {
case 38: key = 'UP'
break
case 40: key = 'DOWN'
break
default: key = null
}
if(key)
{
field = document.getElementById('number_field')
if(isNaN(field.value))
{
field.value = 0
}
if(key == 'UP')
{
field.value++
}
else if(key == 'DOWN' && field.value > 0)
{
field.value--
}
}
}
</script>
<title>increment field</title>
</head>
<body>
<form action="" method="post">
<p><input type="text" id="number_field" name="number_field" value="0"></p>
</form>
</body>
</html>
자바스크립트는 아래처럼 하시면 됩니다..
ex) up, down 예제
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<script type="text/javascript">
onload = function(){
field = document.getElementById('number_field')
field.onkeydown = keyhit
field.focus()
}
function keyhit(e)
{
thisKey = e ? e.which : window.event.keyCode
switch (thisKey) {
case 38: key = 'UP'
break
case 40: key = 'DOWN'
break
default: key = null
}
if(key)
{
field = document.getElementById('number_field')
if(isNaN(field.value))
{
field.value = 0
}
if(key == 'UP')
{
field.value++
}
else if(key == 'DOWN' && field.value > 0)
{
field.value--
}
}
}
</script>
<title>increment field</title>
</head>
<body>
<form action="" method="post">
<p><input type="text" id="number_field" name="number_field" value="0"></p>
</form>
</body>
</html>