JS处理事件小技巧

今天，就分享一下我自己总结的一些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{      width: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