星空网 > 软件开发 > Java

JS处理事件小技巧

今天,就分享一下我自己总结的一些JS的小技巧:

①防止鼠标选中事件

<div  onselectstart="return false"></div>
<div >    <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函数

JS处理事件小技巧

⑤在输入框输入完内容并按回车的时候进行判断。比如说输入完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

 




原标题:JS处理事件小技巧

关键词:JS

JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

国际专线运输:https://www.goluckyvip.com/tag/32436.html
国家地区:https://www.goluckyvip.com/tag/32437.html
国家网信办:https://www.goluckyvip.com/tag/32438.html
国家药监局:https://www.goluckyvip.com/tag/32439.html
疫情谣言:https://www.goluckyvip.com/tag/3244.html
国贸供应链:https://www.goluckyvip.com/tag/32442.html
瑞典VAT税号的有效期是多久?:https://www.xlkjsw.com/news/91234.html
哪些可以帐篷的景点 哪些地方可以搭帐篷:https://www.vstour.cn/a/407244.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流