前端进阶之旅前端进阶之旅
基础篇
进阶篇
高频篇
精选篇
手写篇
原理篇
面经篇
自检篇
每日一题
  • 综合
    • 综合题型
    • 其他问题
    • 设计模式
    • 思维导图
    • 学习路线
  • 前端基础
    • HTTP
    • 浏览器
    • 计算机基础
  • 进阶学习
    • NPM工作流
    • Docker
    • Canvas
    • Node学习指南
    • 前端综合文章
  • 其他
    • Handbook
    • 职场话题
    • CSS可视化
小程序题库
公众号动态
博客动态
开发者导航
基础篇
进阶篇
高频篇
精选篇
手写篇
原理篇
面经篇
自检篇
每日一题
  • 综合
    • 综合题型
    • 其他问题
    • 设计模式
    • 思维导图
    • 学习路线
  • 前端基础
    • HTTP
    • 浏览器
    • 计算机基础
  • 进阶学习
    • NPM工作流
    • Docker
    • Canvas
    • Node学习指南
    • 前端综合文章
  • 其他
    • Handbook
    • 职场话题
    • CSS可视化
小程序题库
公众号动态
博客动态
开发者导航

javascript常用积累

首页
2017-01-14 08:20:43
Front-End
JavaScriptSnippet

# 一、JS动画与动作不一致解决:


if(!$( "#handle").is(":animated")){
	//判断元素是否处于动画状态
}
@前端进阶之旅: 代码已经复制到剪贴板

# 二、停止事件冒泡


event.stopPropagation();
- 禁止JS报错
	window.onerror = function(){
		return true ; 
}

try {
/*try to do*/
} catch(e){
/*do this if try error */
}
@前端进阶之旅: 代码已经复制到剪贴板

# 三、查看JS对象属性


	var res = '' ; 
var obj = eval( obj );
	for( var p in eval( obj ) ){
		var prop = p + ':' + obj[p] + '\n' ; 
		res += prop ; 
	}
	alert( res );
@前端进阶之旅: 代码已经复制到剪贴板

# 四、页面刷新时禁用提交按钮


	window.onbeforeunload = function(){
		$(':submit').attr('disabled',true);
	}
@前端进阶之旅: 代码已经复制到剪贴板

注意:Opera 浏览器不支持,其他浏览器避免在同一页面中使用 "javascrpt:" 等伪协议

# 五、获取事件


fe
  • 一、JS动画与动作不一致解决:
  • 二、停止事件冒泡
  • 三、查看JS对象属性
  • 四、页面刷新时禁用提交按钮
  • 五、获取事件
  • 六、获取键盘码
  • 七、 鼠标滑入/滑出样式切换
  • 八、点击鼠标,显示/隐藏切换
  • 九、JS 调试
  • 十、为子元素集合绑定事件
  • 十一、自定义IE浏览器渲染方式(解决IE10下JS或插件失效):
  • 十二、注册事件

← jQuery之DOM操作小结webpack学习总结(一) →