JavaScript (JS)常用方法
2024-09-08 04:06:55
正则修改 DOM 对象内容(使用JQuery库)
例子:把DOM对象里的把<span style="color: #008080;">NUM</span>
替换成空格
const regex = /\<span\ style\=\"color\:\ \#008080\;\"\>(\s\d+|\d+)\<\/span\>/gm;
let codeLine;
let preCodeLine; preCodeLine = obj.html().replace(regex, ` `);
codeLine = $("<div/>").html(preCodeLine); // 其中$("<div/>")算是空DOM对象
这样之后,仍然是一个DOM对象,只是完成了HTML内容的正则替换。
也可以用原生JS实现,具体见JQ源码
键盘事件
<html>
<head>
<script type="text/javascript">
function whichButton(event)
{
alert(event.keyCode)
} </script>
</head> <body onkeyup="whichButton(event)">
<p><b>注释:</b>在测试这个例子时,要确保右侧的框架获得了焦点。</p>
<p>在键盘上按一个键。消息框会提示出该按键的 unicode。</p>
</body> </html>
测试按键值
JS实现键盘监听(包括组合键)带键值表 如Ctrl+V
document.onkeydown=function(event){
var e = event || window.event || arguments.callee.caller.arguments[0]; {
if (e.keyCode == 86 && e.ctrlKey) {
alert("你按下了ctrl+V");
}
}
};
博客园实现快捷键Alt+上下方向键调到<h2>目录
按键名 KeyCode Up 38 Down 40 Alt_L 18 Alt_R Ctrl ctrlKey (大小写敏感) Alt altKey
按键名 KeyCode&特殊键
document.onkeydown=function(event){
var e = event || window.event || arguments.callee.caller.arguments[0]; {
if (e.keyCode == 40 && e.altKey) {
alert("你按下了alt+down");
}
}
};
Alt+Down测试
然后把alert()换成一个定位到<h2>的函数就OK
document.getElementsByTagName("h2")[num++].scrollIntoView();
<script type="text/javascript">
// 按下Alt+Down遍历跳转h2
var num = 0;
document.onkeydown=function(event){
var e = event || window.event || arguments.callee.caller.arguments[0]; { var k = document.getElementsByTagName("h2"); if (e.keyCode == 40 && e.altKey) {
num = (num > k.length)? k.length: num;
k[num++].scrollIntoView(false);
console.log("Alt+Down");
//alert("你按下了alt+down");
}
else if (e.keyCode == 38 && e.altKey) {
num = (num < 0)? 0: num;
k[num--].scrollIntoView();
console.log("Alt+Up");
//alert("你按下了alt+up");
} }
};
</script>
[完整版] JS按下Alt+Down 遍历跳转到
如果需要其他header,可以引用远程JQ库(不过好像博客园用了JQ库),然后用
$(":header"); 代替 document.getElementsByTagName("h2")[num++].scrollIntoView();
注意:博客园的JS代码里不能有alert( 字段,注释也不行
使得comfirm事件永远为真
var confirm=function(){return 1}
console.log输出字体颜色
自动播放
原帖:[Web] 解除 网课失去焦点/离开页面 就自动暂停 的限制-52pojie
本帖最后由 tuziang 于 2019-8-12 18:58 编辑
h5
如果视频是video元素,可以写个定时器,每秒钟设置一下播放状态
f12打开开发者工具,切换到console面板,输入下面代码并回车
setInterval(function () {
var current_video = document.getElementsByTagName('video')[0]
current_video.play()
}, 1000)
flash
如果是flash视频,可以重写失去焦点函数。
f12打开开发者工具,切换到console面板,输入下面代码并回车
if (!-[1,] && !window.XMLHttpRequest || navigator.userAgent.indexOf("MSIE 8.0") > 0) {
document.onfocusout = function () {
return true;
}
} else {
window.onblur = function () {
return true;
}
}
jQuery
这种方法没有验证,适合引用jQuery的网课平台。
方法:在浏览器地址栏输入
javascript:jQuery.fn.pauseMovie=function(){}
最新文章
- [转]程序员趣味读物:谈谈Unicode编码
- 不可变数组NSArray
- 查看表的datapages
- .net 读写记事本文件
- beaglebone_black_学习笔记&mdash;&mdash;(9)UART使用
- Undokumentierte @Formeln/LotusScript im Lotus Notes Client/Server
- Swift随记
- PHP 设计模式 笔记与总结(9)数据对象映射模式
- solr学习之入门篇
- 植物大战僵尸中文第二版和年度版 游戏分析及delphi源码
- listView中的button控件获取item的索引
- PHP面试题(二)
- Android 数据过滤器:Filter
- 大数据学习系列之四 ----- Hadoop+Hive环境搭建图文详解(单机)
- 客户端 未登录页面 (clearfix 分割线)
- python+ffmpeg切割视频
- MySQL按年度、季度、月度、周、日SQL统计查询
- hello2 Source Analisis
- 剑指offer(16)栈的压入、弹出序列
- 【剑指offer】Java版代码(完整版)