【前端填坑】问题记录与解决-201902

 

1.单击事件和双击事件如何区分

解决方法：通过设置两次点击事件的间隔时间(setTimeout 方法)，来实现双击、单击事件并存。即单击后不立刻执行相关的代码，而是让其延时执行（比如：200ms）；如果随后发生了双击事件，则取消延时执行的方法，只执行双击事件方法

代码：

  var timer = null;
$('#'+id+' tbody tr').click(function(event){
   clearTimeout(timer);
   timer = setTimeout(function(){
    ...
     },200);
 });

$('#'+id+' tbody tr').dblclick(function(){
    clearTimeout(timer);
    ...
});

2，本地执行html时，报错：Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension

原因：html中含有ajax的跨域访问，ajax跨域而只支持：http,https,data,chrome（Chrome浏览器）,chrome-extension（Chrome扩展插件），chrome-extension-resource（Chrome扩展资源）这些协议框架，而本地使用的file协议。
解决方法：因为我使用的是sublime编辑器，所以可以安装sublimeServer插件，通过view in sublimeServer打开html文件即可。