小编Fre*_*cer的帖子

纯JavaScript,仅检测Ctrl + Q快捷键

我想使用快捷方式来处理Javascript(而非JQuery或任何Javascript库)中的任务。例如,我想使用Ctrl + Q编写警报。我的问题是仅使用Ctrl + Q,其他键(例如Ctrl + Q +其他键)的组合将无法处理警报。我能怎么做?

document.addEventListener('keydown', function(event){
  if(event.ctrlKey && event.keyCode == 81) console.log('alert');
});
Run Code Online (Sandbox Code Playgroud)

我只希望Ctrl + Q起作用,而不是Ctrl + Shift + Q,Ctrl + Alt + Q,Ctrl + Q +(其他键)

javascript

5
推荐指数
1
解决办法
93
查看次数

CSS中的内联SVG不起作用

我在CSS文件中使用inline-SVG来填充div的背景.但它没有用.我测试我的SVG代码是好的.你可以通过复制svg代码测试这个https://www.rapidtables.com/web/tools/svg-viewer-editor.html

#bgr{
  width:500px;
  height:500px;
  background:url('data:image/svg+xml;utf8,<svg width="500" height="500"><path d="M340.8,98.4c50.7,0,91.9,41.3,91.9,92.3c0,26.2-10.9,49.8-28.3,66.6L256,407.1L105,251.6c-15.8-16.6-25.6-39.1-25.6-63.9 c0-51,41.1-92.3,91.9-92.3c38.2,0,70.9,23.4,84.8,56.8C269.8,121.9,302.6,98.4,340.8,98.4" style="fill:red;"/></svg>');
}
Run Code Online (Sandbox Code Playgroud)
<div id="bgr"></div>
Run Code Online (Sandbox Code Playgroud)

html css svg

2
推荐指数
1
解决办法
1605
查看次数

标签 统计

css ×1

html ×1

javascript ×1

svg ×1