我的html，css，js积累-优快云博客

本文详细介绍了在优快云编辑器中实现特殊输入需求的方法，包括限制输入内容、正则表达式应用、中文逗号替换、大写转换、Tab键顺序调整、背景图片固定显示及回车换行功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在csdn的edit里面不支持js

1，防止粘贴如表单，只能自己手动输入：

<input type="text" name="username" onpaste="return false"/>

2，只能输入数字和英文字母：

<span id="" style="margin-left:65px;">
           <input onkeyup="value=value.replace(/[\W]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" name="username"/><font color="red">*</font>4-10字符，仅可为英文字母和数字组成</span>

*4-10字符，仅可为英文字母和数字组成

2，

//将中文逗号转换为英文逗号 str:待替换的字符
function ReplaceDot(str)
{
    var Obj=document.getElementById(str);
    var oldValue=Obj.value;
    while(oldValue.indexOf("，")!=-1)//寻找每一个中文逗号，并替换
    {
        Obj.value=oldValue.replace("，",",");
        oldValue=Obj.value;
    }
}

把这段代码放到JS文件内，在页面内调用该JS文件，或把这段JS写在当前页面内，然后在需要使用的INPUT或textarea内放上这句代码

onKeyUp="ReplaceDot('XXXX')"

其中XXXX为input或textarea的name值

3，

<input type="text" name="case" onblur="this.value=this.value.toLocaleUpperCase()"/>

4，

tabIndex属性可以设置键盘中的TAB键在控件中的移动顺序,即焦点的顺序。
 
把控件的tabIndex属性设成1到32767的一个值，就可以把这个控件加入到TAB键的序列中。 

这样，当浏览者使用TAB键在控件中移动时，将首先移动到具有最小tabIndex属性值的控件上，最后在具有最大tabIndex属性值的控件上结束移动。
 
如果有两个控件的tabIndex属性相同，则以控件在代码中出现的顺序为准。
 
默认的tabIndex属性为 0 ，将排列在在所有指定tabIndex的控件之后。 

而若把tabIndex属性设为一个负值（如tabIndex="-1"），那么这个链接将被排除在TAB键的序列之外。 

tabIndex的值可为0至32767之间的任意数字

.让弹出窗口总是在最上面:

<body onblur="this.focus();">

在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动

<STYLE>
 body {background-image:url(/logo.gif); background-repeat:no-repeat;background-position:center;background-attachment: fixed}
</STYLE>

回车键换行
把如下代码加入 <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>回车换行