今天,就分享一下我自己总结的一些JS的小技巧:
①防止鼠标选中事件
<div class="mask" onselectstart="return false"></div>
<div class="link"> <a href="javascrip;;">登录</a>
</div>
给元素添加了onslectstart=“return false",就可以防止鼠标选中事件。
②给动态添加的元素绑定事件
1
2
3
4
5
6
|
$(document).on('click',".large",slide); //第一个参数表示的是对应事件,第二个是需要绑定事件的元素的id或class,第三个是绑定的对应的事件函数名 function slide(){ //... } |
③兼容IE浏览器的透明度处理
1
2
3
4
5
6
|
.ui{ 100%; height:100%; opacity:0.4; filter:Alpha(opacity=40);//兼容IE浏览器的处理 } |
④使用常用的居中、全屏JS函数
//获取元素 function getElement(ele){ return document.getElementById(ele); } //自动居中函数 function autoCenter(el){ var bodyX=document.documentElement.offsetWidth||document.body.offsetWidth; var bodyY=document.documentElement.offsetHeight||document.body.offsetHeight; var elementX=el.offsetWidth; var elementY=el.offsetHeight; el.style.left=(bodyX-elementX)/2+'px'; el.style.top=(bodyY-elementY)/2+'px'; }
⑤在输入框输入完内容并按回车的时候进行判断。比如说输入完11000在按下回车的时候。
<input type="textbox" id="textbox1" onkeypress="CheckInfo" /> <script language="javascript" type="text/javascript"> function CheckInfo() {
if (event.keyCode==13) { alert(textbox1.text); } }
</script>
介绍事件冒泡机制的网站:
http://www.jb51.net/article/29106.htm
http://www.360doc.com/content/11/0322/11/2923250_103458975.shtml