chrome下拦截ctrl + S保存页面事件

最新推荐文章于 2023-09-27 10:11:41 发布

原创最新推荐文章于 2023-09-27 10:11:41 发布 · 1.9k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #jQuery #ViewUI

前端开发专栏收录该内容

25 篇文章

订阅专栏

本文探讨了在浏览器环境下编辑时遇到的快捷保存问题，指出Ctrl+S通常用于保存页面而非编辑内容，并提供了JavaScript解决方案。通过监听键盘事件，实现按下Ctrl+S时触发保存操作，改善用户体验。

在浏览器下编辑，用户潜意识习惯按住Ctrl+S键保存编辑内容。而网页的“Ctrl + S”被默认为保存页面。用户体验很不好。需要增加快捷保存方式Ctrl+S。

在Chrome下测试通过，其他Firefox、IE神马的都不支持。

$(window).keydown(function(event) {
		//alert( event.ctrlKey + '  ' +  event.metaKey + '   ' + event.which );
		if ( event.metaKey && event.which == 83) {
			alert("Ctrl+S pressed.");
			event.preventDefault();
			return false;			
		}else{
			return true; 
		}		
});

网上有个实例：在线编辑器jsbin下编写html时，按住Ctrl+S，触发点击“Save”按钮事件。