web前端|js教程
js捕获,鼠标滚轮事件
web前端-js教程
之前看到一个人人网高级前端面试的笔试题
dnfc 源码,ubuntu的编译指令,tomcat7ajp报错,异形魔怪爬虫,lnmp php优化,图木舒克seo网络营销广告lzw
要求手写代码,其中有个题是做一个图片展示
古剑奇谭web全套源码,vscode bower,ubuntu多网卡配置,tomcat 教材,sqlite库存管理,腾讯企业邮箱 接受邮件服务器,js轮播插件 移动端,前端ui检测框架,爬虫 被封,接php项目,seo外包个人,超炫个人业务网站源码,网页表单登陆,腾讯微博模板,wordpress登陆页面保护插件,vb进销存管理系统源码,winform 更新程序lzw
类似百度图片最下面小缩略图那个展示栏
thinkphp cps分销源码,vscode写地图,ubuntu卸载kite,Tomcat监听键盘,sqlite 改时间,vps服务器 日本,写的好的js插件源码,web前端框架搭配,python新浪爬虫,苏州php培训机构,济南做seo的公司排名,phpcmsv9中英文网站,网页字体渐变色代码,h5模板免费下载,微信 签到页面源代码,ssm进销存管理系统,易聊聊天室程序lzw
然后要求有个鼠标滚轮滚动变大变小的要求
这个我还真不知道怎么做,在网上找了找资料
发现可以捕获onmousewheel的事件
然后根据event.wheelDelta值的正负来判断是前滚还是后滚
随便写了个小例子,顺便捕获下键盘的按键,不太美观没有换行
因为用textNode做的,加不进去html代码
说到这里是不是可以用这种方法来防止xss注入呢?
function showKey(){
if(event.wheelDelta){
// 正120为前滚 负120为后滚
var textNode = document.createTextNode(event.wheelDelta+" ");
document.body.appendChild(textNode);
document.body.normalize();
}
if(event.keyCode)
{
var textNode = document.createTextNode(event.keyCode+" ");
document.body.appendChild(textNode);
document.body.normalize();
}
}
其中还刚好用到今天刚看高级设计那里的textNode元素那块的一个
合并多个textNode的方法
normalize();