• 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{
         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

  • 相关阅读:
    cookie、 Session Storage 、 Local Storage
    json 常用的方法
    ssm 框架 使用ajax异步,实现登陆
    ssm框架整合,配置文件中的配置内容
    ipv4和ipv6的区别
    分析域名的解析过程
    网络体系结构总结
    线程同步和异步
    博客目录
    [STM32H743]按键控制LED
  • 原文地址:https://www.cnblogs.com/LuckyWinty/p/5278190.html
Copyright © 2020-2023  润新知