前端随记

Java前端随记

大多都是找的，在这做个笔记，链接太多无法当作转载文

1.Jquery 鼠标停留时间满足特定时长后再执行事件

var handle = null;
	 $('#dy_master2').mouseover(function () {
	     handle = setTimeout(function(){}, 500); //function执行函数
	 }).mouseout(function () {
	     clearTimeout(handle);
	 }); 

2.Timepicker and timedatepicker all have two version , jquery and bootstrap.

3.获取浏览器和屏幕各种高度宽度

4.jquery判断元素动画状态animate

if($(document).is(":animated")){ //判断元素是否正处于动画状态
}else{
//这里写新的动画
}

5.jquery获取元素高度，不带px

var this_height=parseInt($(".com_l_his_detail").css("height"));

6.点击空白关闭弹窗的js语句

$(document).mouseup(function(e){
  var _con = $(' 目标区域 ');   // 设置目标区域
  if(!_con.is(e.target) && _con.has(e.target).length === 0){ 
    some code...   // 功能代码
  }
});

7.jquery添加动画 animate方法文档

 $("button").click(function(){
	 $("#box").animate({height: "300px"});
 });

停止动画：stop( )

$(selector).stop(stopAll,goToEnd)

8.点击跳转页面并执行跳转页面中的某个函数
原页面：

  $('#type').on('click', function() {
      sessionStorage.setItem("type", "type");
      window.open(url);
  });

目标页面：

 window.onload = function() { //页面加载完成后再执行
    var type = sessionStorage.getItem("type");
    console.log(type); //打印type值
    if (type == 'type') {
        var obj = "." + type;
        obj.onclick = type1(); //要触发的点击事件  $('#xxx').click()
        sessionStorage.setItem("type", ""); //清除 type 防止在test页面刷新后依然触发$('#xxx').click()
    }
}

9.jquery 获取鼠标点击的位置坐标

$("div").click(function(e){
	var y=$(this).offset().top;
	var x=$(this).offset().left;
});