设置disabled属性为true即为不可用状态。 JS: 代码如下: document.getElementByIdx("btn").disabled=true; jquery 代码如下: $("#btn").attr("disabled", true); html: 代码如下:
计时器和延时器的概念 //--计时器 // 计时器ID号 setInterval(回调函数, 毫秒数); // 每隔指定毫秒数,调用一次回调函数 // clearInterval(计时器ID号) // 停止指定ID号的计时器(实际上是销毁释放资源了) //--延时器 // 延时器Id号 setTimeout(回调函数, 毫秒间隔) // 从调用开始,等待指定毫秒数后调用一次回调函数,结束 // 使用clearTimeout清除延时器 效果图: 页面打开后会出现下图:之后按钮value值每过1秒 数字减小1直至0停...
代码如下: 代码如下: pageEncoding="gbk"%> $(document).ready(function(){ $("input[id^='buttonValidate']").click(function(){ //当点击所有的id中包含'buttonValidate'的input标签时,执行函数 var btnVal=$.trim($(this).val());//trim函数,去掉空格 var str = $('#textareaValidate').val() + btnVal;// $('#textareaValidate').val(str);// }); }); Insert title here 以...
代码如下: my name is lian lily var times = 0 function show(obj) { $("#btn_"+obj).attr("disabled","disabled");//设置button不可用 times++; if(times == 2){ alert(obj); times = 0; $("#btn_"+obj).removeAttr("disabled"); return ; } //$("#frm"+obj).submit(); setTimeout("show("+obj+")" , 3000); } JavaScript教程/参考手册 JavaScript热搜 自定义vue组件发布到npm的方法Vue利用canvas实现...
代码如下: //屏蔽鼠标右键、Ctrl+N、Shift+F10、F11、F5刷新、退格键 //Author: meizz(梅花雨) 2002-6-18 function document.oncontextmenu(){event.returnValue=false;}//屏蔽鼠标右键function window.onhelp(){return false} //屏蔽F1帮助function document.onkeydown(){ if ((window.event.altKey)&& ((window.event.keyCode==37)|| //屏蔽 Alt+ 方向键 ← (window.event.keyCode==39))) //屏蔽 Alt+ 方向键 ...
如果一个按钮可以在短时间内多次点击,那么有可能会被用户恶意点击,为防止这种情况,可以设定一定时间内只能点击一次,其他时间禁止点击按钮。 代码如下: 代码如下: Js定时事件 JavaScript教程/参考手册 JavaScript热搜 自定义vue组件发布到npm的方法Vue利用canvas实现移动端手写板的方法vue2.0 移动端实现下拉刷新和上拉加载更多的示例解决vue-router中的query动态传参问题解决使用vue.js路由后失效的问题...
代码如下: function getid(id) { alert(id); }
本文主要内容: 如果用浏览器自带的打印按钮,无法进行其余和打印相关的操作,如传递打印次数等等。所以需要把浏览器打印的功能保留并赋予到自己添加的按钮当中,可以在点击按钮的同时触发自定义的函数。 代码如下: <iframe frameborder=0 width="100%" height="400px" id="printPDFIframe" src="" > 代码如下: }); function printPDF(){ if (navigator.appName == Microsoft Internet Explorer){ //Wait until PDF is ready ...
1、 代码如下: javascript:window.history.forward(1); 利用JS产生一个“前进”的动作,以抵消后退功能,这种方法应该是最简洁的,并且不需要考虑用户连点两次或多次“后退”的情况,缺点是当用户端禁用了JavaScript之后即失效。 2、 代码如下: Logout (Back Disabled) 用location.replace从一个页面转到另一个页面。这种方法的原理是,用新页面的URL替换当前的历史纪录,这样浏览历史记录中就只有一个页面,后退按钮永远不...
淘宝首页的回到顶部按钮是这样的:下拉到一定距离后按钮才显示出来,鼠标放到按钮上时,按钮背景会变成灰色,并且图标变成了文字。点击按钮缓慢回到顶部 我们先分析下实现这样的效果需要添加哪些事件。鼠标移进移出按钮,按钮表现发生变化,所以需要给按钮添加mouseover, mouseout事件。要侦听滚动条的变化,所以需要给window添加scroll事件,点击按钮回到顶部,按钮添加click事件。我们将事件处理程序封装成三个函数moveIn, move...
我们在天猫进行购物的时候,经常会碰到单击删除按钮或者登陆按钮后,弹出对话框问你是否删除或者弹出一个登陆对话框,并且我们也是可以看到我们之前页面的信息,就是点击不了,只有对对话框进行操作后才有相应的变化。截图如下(以天猫为例) 如图所示,上面就是天猫的效果图,其实这就是通过jQuery实现的,并且实现的过程也不是很不复杂,那么现在就让我们来看看实现的过程吧。 首先是页面的布局部分:delete.html 代码如下: ...
html: 代码如下: 是 否 var isEnd; function getRadioVal(){ var temp = document.getElementsByName("isEnd"); for(var i=0;i{ if(temp[i].checked){ isEnd = temp[i].value; return isEnd; break; } } } JavaScript教程/参考手册 JavaScript热搜 Vue组件中prop属性使用说明实例代码详解自定义vue组件发布到npm的方法Vue利用canvas实现移动端手写板的方法vue2.0 移动端实现下拉刷新和上拉加载更多的示例解决vue-ro...
通过更改按钮的显示样式,来实现按钮动态滑动 代码如下: 无标题文档 .search{ background:#008800; color:#fff; border:none; height:26px; line-height:20px; width:63x;} .searchhover{background:#000099; color:#fff; border:none; height:26px; line-height:20px; width:63px; } function js() { // 使ie6 button支持hover属性 obj是要支持hover的实体 hover是btn:hover的样式,init是初始样式 obj="btn"; alert...
代码如下: //下面input框提交的action不同,用onclick跳转,写一个js方法 //js方法如下 function manySend(href){ var form = document.form1; form.action = href;//传想要跳转的路径 form.submit(); } JavaScript教程/参考手册 JavaScript热搜 Vue组件中prop属性使用说明实例代码详解自定义vue组件发布到npm的方法Vue利用canvas实现移动端手写板的方法vue2.0 移动端实现下拉刷新和上拉加载更多的示例解决vue-rou...
其实原理很简单,我们点击的时候我们给元素加上一个自定义的attr,加上后便会有有一个匹配的样式去自动适配背景,几秒后去掉该样式恢复原状 首先在自己的js中拓展一个方法hoverEl 代码如下: $.extend($.fn, { hoverEl:function(){ var _this = $(this); var _t = setTimeout(function(){ _this.attr("hover", "on"); }, 10); _this.attr("hoverTimeout", _t); setTimeout(function(){ clearTimeout( _this.attr("hoverTimeout") )...