前台网页捕捉键盘控制按键到后台处理的方法
本文介绍前台页面通过javascript捕捉键盘事件并发送到后台脚本处理的方法。这里直接通过前后台的源码解释实现过程，前台网页文件sendkey.html，后台处理脚本文件trykeyif.php。
前台网页文件sendkey.html代码如下：
<!doctype html>
<html lang="en">
<head>
<title>send key to process</title>
</head>
<script type='text/javascript' language='javascript'>
$childpid=112;
document.onkeydown = function(e) {
var event=event||window.event;
if(event.ctrlKey && event.keyCode==13){
alert('ctr+enter组合键');
}
if(event.ctrlKey && event.keyCode==90){
alert('ctr+z组合键');
}
if(event.ctrlKey && event.keyCode==67){
//alert('ctr+c组合键');
if (confirm('Want process?' )){
document.getElementById('traapp').src ='trykeyif.php?cpid='+$childpid +'&ctlkey=67';
}
}
}
</script>
<body>
<div><textarea name="vdealbill" id="vdealbill" cols="80" rows="26" style="font-size:18px;color:#F00;OVERFLOW-x:hidden"></textarea></div>
<iframe id='traapp'></iframe>
</body>
</html>
后台处理脚本trykeyif.php代码如下：
<?php
$childpid=$_REQUEST['cpid'];
$ctlkeycode=$_REQUEST['ctlkey'];
echo "\n".$childpid." processing... "."\n";
if($ctlkeycode==13){
echo "ctr+enter组合键";
}elseif($ctlkeycode==67){
echo "ctr+c组合键";
}elseif($ctlkeycode==67){
echo "ctr+c组合键";
}
?>
将这两个文件放入web服务器相应目录下，在浏览器输入sendkey.html网页地址就可以看到效果了。
浙公网安备 33010602011771号