我的html，css，js积累

wsql

浏览: 11778040 次
性别:
来自: 深圳

最近访客更多访客>>

GDGZWQZ

IT_way

qq_33632159

mhx1535

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (14573)

社区版块

存档分类

2013-03 ( 19)
2013-02 ( 15)
2013-01 ( 268)
更多存档...

在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>回车换行

分享到：