js代码大全阅读(html中如何使用js实现长按功能(代码))

本文目录
html中如何使用js实现长按功能(代码)
本篇文章给大家带来的内容是关于html中如何使用js实现长按功能(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。
//下面是js代码 直接复制粘贴即可 下面有调用例子 看不懂就私聊
《script》
var timeOutEvent=0;
function gtouchstart(){
timeOutEvent = setTimeout(longPress(),500);
return false;
//单击开始计时 500代表0.5秒
//如果longPress()需要传参得写成下面注释中的代码
//timeOutEvent = setTimeout(function(){ longPress(url);},500);
}; function gtouchend(){
clearTimeout(timeOutEvent);
if(timeOutEvent!=0){
alert(’单击执行代码区’);
}
return false;
};
function gtouchmove(){
clearTimeout(timeOutEvent);
timeOutEvent = 0;
alert(’单击未松开直接滑动的执行代码区,默认取消任何操作’);
};
function longPress(){
timeOutEvent = 0;
alert(’长按执行代码区’);
} 《/script》//下面是加在超链接中的调用例子 第一个判断长按执行 第二个判断点击执行
《A ontouchstart="gtouchstart()" ontouchend="gtouchend()" ontouchmove="gtouchmove()" 》点击或者长按《/A》`
js中网页前进和后退的代码
前进: history.forward();=history.go(1);\x0d\x0a后退: history.back();=history.go(-1); \x0d\x0a注意事项:前进后退按钮是需要在特定环境下才有效果的,即你需要从另一个页面进入到这个页面后,点击这个后退按钮才有后退的效果,否则是没有的。\x0d\x0a【拓展资料】\x0d\x0ajavascript中的后退和刷新;\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a 后退+刷新在C# Web程序中,如为页面按钮写返回上一页代码\x0d\x0athis.RegisterClientScriptBlock("E", "");\x0d\x0a其中,history.go(-2),要写为-2,因在按钮事件触发前,已刷新一次页面,所以应是-2。\x0d\x0aResponse.Write("");\x0d\x0a此处也要写为“-2”。跟直接写脚本的有所不同。history.back()是会上一页\x0d\x0ai=1\x0d\x0ahistory.go(i)去指定的某页\x0d\x0a如果是history.go(0)那就是刷新这两个属于JS代码,相当于IE的前进、后退功能。\x0d\x0a具体的用处就要看什么时候需要这个就用上。比如用户注册时的验证是后台验证,不符合要求的时候就可以用这个,可以最大限度保证用户少重复输入数据。\x0d\x0a例如:载入页面:\x0d\x0afunction onLoadPage(){\x0d\x0aif(event.srcElement.tagName=="SPAN"){\x0d\x0aoFrame=top.window.middle.frames;\x0d\x0aoTxt=event.srcElement.innerText;\x0d\x0aswitch(oTxt){\x0d\x0acase "前 进":\x0d\x0aoFrame.history.go(1);\x0d\x0acase "后 退":\x0d\x0aoFrame.history.back();\x0d\x0acase "刷 新":\x0d\x0aoFrame.location.reload();\x0d\x0a}\x0d\x0a}\x0d\x0a}\x0d\x0a\x0d\x0a打开一个jsp页面,肯定是用客户端脚本进行刷新了。\x0d\x0aJavascript刷新页面的几种方法:\x0d\x0a1 history.go(0)\x0d\x0a2 location.reload()\x0d\x0a3 location=location\x0d\x0a4 location.assign(location)\x0d\x0a5 document.execCommand(’Refresh’)\x0d\x0a6 window.navigate(location)\x0d\x0a7 location.replace(location)\x0d\x0a8 document.URL=location.href
做为一名前端开发人员,有哪些值得一读的JS代码
既然是值得一读的JS代码,那么肯定是能提高工作效率、提升开发水平的代码。下面给大家推荐一部分值得一读的代码:
1.用IE重起计算机或者关机,代码如下:
《script language="JavaScript"》
var Application=new ActiveXObject(’Shell.Application.1’);
《/script》
《button οnclick=Application.ShutdownWindows();》关机《/button》《br》
《button οnclick=Application.Suspend();》挂起《/button》
2.一种在父窗口中得知 window.open()出的子窗口关闭事件的方法(定时器实现) ,代码如下:
《/script》
《input type=button name=btnOpen value=open》
《script language=javascript for=btnOpen event=onclick》
document.fm_Info.txtValue.value=""
winOpen=window.open("child.htm","","toolbar=no, location=no, directories=no, status=no, menubar=no" )
timer=window.setInterval("IfWindowClosed()",500);
《/script》
3.用javascirpt在《TEXTAREA》中插入元素(光标位置),代码如下:
《SCRIPT》
function storeCaret (textEl) {
if (textEl.createTextRange)
textEl.caretPos = document.selection.createRange().duplicate();}
function insertAtCaret (textEl, text) {
if (textEl.createTextRange && textEl.caretPos) {
var caretPos = textEl.caretPos;
caretPos.text =caretPos.text.charAt(caretPos.text.length - 1) == ’ ’ ?text + ’ ’ : text;}else
textEl.value = text;
《/SCRIPT》
每个前端开发者的出发点不同,选择读取的代码肯定也有所不同。根据自己欠缺的方向,找准对应的优秀开源项目,才能提升代码水平。

本文相关文章:
vue使用iframe无效(将vue使用iframe嵌套至html中使用(页面交互传值))
2026年8月16日 10:30
html表格单元格长度(html中table每个单元格大小)
2026年7月19日 07:45
frameset被哪个标签取代了(现在html中实现导航还用不用ifame和frameset,主流用什么)
2026年7月7日 10:15
parentelement是什么意思(html中的父元素指的是什么能举例吗)
2026年4月29日 02:30
html中legend属性(html中legend是什么意思)
2026年2月23日 10:30
python创建html(用python生成在html中显示的表格)
2026年2月18日 07:45
时间代码html(我想在html中实现显示当前日期的功能,应该怎么做)
2026年1月7日 22:30
更多文章:
session已过期重新授权(苹果手机session过期怎么恢复啊)
2026年3月8日 10:00
scrapy中间件(scrapy框架中setting中中间件数字大的先执行么)
2026年8月22日 13:45
matlab定义变量并赋初值(在matlab中用输入量给变量赋值)
2026年6月11日 15:00
程序设计语言是如何通过a b+1的(C语言中c=(a+b,a++,b+1);什么意思)
2026年6月29日 19:30
apache中国官网(中国sns交友网站排行前十名分别是什么)
2025年6月30日 20:45
eclipse创建的项目在哪里(Eclipse的src文件在哪里啊)
2026年8月31日 03:15
什么是函数?js正则查找match()与替换replace()用法实例
2025年9月29日 19:00
frameset标签的属性(在html标签中的frameset是什么标签 又有哪些属性和值)
2025年12月6日 02:15
translate最新消息(‘请以最新的信息为准’ 怎么翻译)
2026年6月5日 08:00
thymeleaf使用ajax(如何在Thymeleaf中实现ajax请求url的可靠构造)
2025年6月24日 09:00












