分类 "JavaScript" 下的文章

问题:如何使用ctrl + 回车事件提交表单
解决:ctrlKey, keyCode
方法:
// 回车提交评论内容
$('.comment').keydown(function(e){
// 使用keypress在chrome下无效
if(e.ctrlKey && e.keyCode == 13){
$('#comment_btn').click();
}
});

问题:使用vue-cli脚手架安装的开发环境,发现build目录下没有dev-server.js和dev-client.js
解决:这是因为vuejs更新版本去除了
方法:
现在写api直接写在webpack.dev.conf.js
先定义
const express = require('express')
const app = express()
const axios = require('axios')

之后在devServer: { 里面写下如下代码
before(app) {
app.get('/api/seller', (req, res) => {
res.json({
// 这里是你的json内容
errno: 0,
data: 'seller'
})
}

参考:https://segmentfault.com/q/1010000011988039?sort=created

问题:使用input加ul形成搜索框与搜索记录的显示,鼠标移到input时显示搜索记录,移出时且移出搜索记录时,隐藏搜索记录
解决:不能使用hover,使用mouseenter与mouseleave
方法:
// 搜索框获得焦点时,显示热搜
$('.search input').on({'mouseenter': function(){
$(this).focus();
$('.searchs-list').css('visibility', 'visible');
}, 'mouseleave': function(){
$('.searchs-list').on({'mouseenter': function(){
$('.searchs-list').css('visibility', 'visible');
}, 'mouseleave': function(){
$('.searchs-list').css('visibility', 'hidden');
}});
$('.searchs-list').css('visibility', 'hidden');
}});

问题:使用window.open打开浏览器标签时被拦截,如何不会拦截呢?
解决:先建立窗口,再跳转
方法:
当用户点击时进行跳转,如果是点击后跳转,可以先进行打开窗口,再更改窗口url地址

$('.right .play_btn').click(function(){
var num = $(this).attr('value');
var tmpwindow = window.open("_blank");
$.post("/api/view/count", {'aid':{{ anime.id }}, 'num':num
},function(data){
if(data.code == 'ok'){
tmpwindow.location.href = data.flink;
console.log(data.flink);
}else{
alert(data.msg);
}
},'json');
});

问题:使用sweetalert时报错:uncaught exception: SweetAlert: Unexpected 2nd argument (function(){})
解决:这是因为sweetalert2.0和1.0不同,function是1.0中的,2.0中可以使用then
方法:

swal({
title: '提示',
text: '2秒后将自动关闭',
timer: 2000,
buttons: false,
closeOnClickOutside: false,
})
.then(() => {
return $.post('/',{'sid': {{ sid }}});
})
.then(data => {
swal('成功');
})
.catch(err => {
swal('111');
});