加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

网页中单行文本框中回车键换行js脚本

(2010-11-12 14:46:39)
标签:

gb2312

中移动

文本框

回车键

方向键

杂谈

分类: SQLSERVER

<HTML>
<HEAD>
<META http-equiv='Content-Type' content='text/html; charset=gb2312'>
<TITLE>单行文本框中回车键换行</TITLE>
</HEAD>
<BODY >

<script type="text/javascript">               
function handleEnter (field, event) {
  var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;
  if (keyCode == 13) {
   var i;
   for (i = 0; i < field.form.elements.length; i++)
    if (field == field.form.elements[i])
     break;
   i = (i + 1) % field.form.elements.length;
   field.form.elements[i].focus();
   return false;
  }
  else
  return true;
     

</script>
<form>
<input type="text" onkeypress="return handleEnter(this, event)"><br>
<input type="text" onkeypress="return handleEnter(this, event)"><br>
<textarea>回车换行
</BODY></HTML>

 


<!-- 第 1 步: -->
<!-- 把下面的代码加到<BODY></BODY>区域中: -->

<script type="text/javascript">
function handleEnter (field, event) {
var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;
if (keyCode == 13) {
var i;
for (i = 0; i < field.form.elements.length; i++)
if (field == field.form.elements[i])
break;
i = (i + 1) % field.form.elements.length;
field.form.elements[i].focus();
return false;
}
else
return true;
}

</script>
<form>
<input type="text" onkeypress="return handleEnter(this, event)"><br>
<input type="text" onkeypress="return handleEnter(this, event)"><br>
<textarea>回车换行

 


<script type="text/javascript">
function handleEnter (field, event) {
var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;
if (keyCode == 13) {
 var i;
 var cols=4;
 //alert(field.form.elements.length);
 //alert(cols);
 for (i = 0; i < field.form.elements.length; i++)
  if (field == field.form.elements[i])
  break;
  //i = (i + 1) % field.form.elements.length;
  if (i<field.form.elements.length-cols){
  field.form.elements[i+cols].focus();
  return false;
  }
  }
  else
  return true;
}

</script>

 

方向键控制

<HTML>

<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/HTML; charset=gb2312">
<script language="JavaScript">
var cols=3;
var obj;
var CanMove=false;
var key;
function setobj(input){
    obj=input;
}

function init(){
    document.onkeydown=keyDown;
    document.onkeyup=keyUp;
}

function keyDown(DnEvents){
    var key=window.event.keyCode;
    if(key==116){
        window.event.keyCode=0;
        return false;
    }
    if(key==8){
        if(event.srcElement.tagName!="INPUT"){
            event.cancelBubble = true;
            event.returnValue = false;
            return false;
        }
    }
     //此处为按下ctrl  注释此处可以实现不需要ctrl
    var IsCtrl=window.event.ctrlKey;
    if(!IsCtrl){
        return;
    }
    for(var i=0;i<document.forms[0].elements.length;i++){
        if(document.forms[0].elements[i]==obj){
            if (key == 37){//←
                if(i>0){
                    document.forms[0].elements[i-1].focus();
                }
            }
            if (key == 38){//↑
                if(i>cols-1){
                    document.forms[0].elements[i-cols].focus();
                }
            }
            if (key == 39){//→
                if(i<document.forms[0].elements.length-1){
                    document.forms[0].elements[i+1].focus();
                }
            }

                  if (key == 13)
                  {//→
                                    event.keyCode = 9;
                   }
            if (key == 40){//↓
                if(i<document.forms[0].elements.length-cols){
                    document.forms[0].elements[i+cols].focus();
                }
            }
        }
    }

}

function keyUp(UpEvents){
    return false;
}
</script>
</head>

<body bgcolor="#FFFFFF" text="#000000" onload="init()">
<form>
<table border="0" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <td>
      <input type="text" name="textfield" onfocus="setobj(this)">
    </td>
    <td>
      <input type="text" name="textfield2" onfocus="setobj(this)">
    </td>
    <td>
      <input type="text" name="textfield3" onfocus="setobj(this)">
    </td>
  </tr>
  <tr>
    <td>
      <input type="text" name="textfield5" onfocus="setobj(this)">
    </td>
    <td>
      <input type="text" name="textfield6" onfocus="setobj(this)">
    </td>
    <td>
      <input type="text" name="textfield7" onfocus="setobj(this)">
    </td>
  </tr>
</table>
</form>
用Ctrl+方向键可以方便的在控件中移动,也可以不要Ctrl的。
</body>
</HTML>

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有