转:http://dsw.iteye.com/blog/297834
本文译者注
下面的一小段文章,说明了在HTML标签中加入带有返回值的Onclick事件,当返回值为false时,对原标签的影响。在文章最后一段用到了Prototype,很遗憾本人并没有使用过此框架,翻译的可能有失准确。
这是本人第一次翻译文章,英文水平,JS水平均有限,也只是练习性质的翻译,如有不妥之处,感谢留言相告。
在HTML代码中,无论你在哪里放置了onclick事件,并且返回值为false时,那么该处的默认行为将不会执行。这里的默认行为是指没有Onclick事件时原本的行为。
举一个例子:
-
<a href=
"http://www.nojs.com"
onclick=
"doSomething(); return false;"
>Click Me</a>
在上面的例子中,如上面所说点击(click)这个链接,那么动作进行将会截止到doSomething()函数全部完成,而并不会继续跳转到"http://www.nojs.com"(除非IE等浏览器端禁用了JavaScript)。
为了让上面的例子继续进行下一步,我们可以放置一个confirm函数强迫用户去决定他们是否愿意继续跳转,如果用户选择“是”,那么函数返回ture,页面跳转到“http://www.nojs.com”。
如下面这个例子:
-
<a href=
"http://www.nojs.com"
onclick=
"return confirm('Are you sure you want to do that?');"
>Click Me</a>
最后还有个小技巧,当我用AJAX或触发一个div时,出现了一个让我恼火的情况,我点击了链接并且click事件已经完成,虽然链接没有跳转但还
是变成了还是被选中过的颜色。虽然这无关紧要,但还是有一个办法可以不让这个发生,简单的说,可以模糊(blur)这个焦点让他看上去不是焦点
来看一个简单的例子:
-
<a href=
""
id=
"bjd"
onclick=
"Element.toggle('MyDiv'); $('bjd').blur(); return false;"
>Toggle MyDiv</a>
在上面这个例子里使用了prototype,如果你不了解prototype,你可以访问这个链接来了解一下Prototype
分享到:
相关推荐
Return False 就相当于终止符,Return True 就相当于执行符。在js中return false的作用一般是用来取消默认动作的。比如你单击一个链接除了触发你的onclick事件(如果你指定的话)以外还要触发一个默认事件就是执行...
return false;" NAME="anchor1x" id="anchor1x">select ;"> <A HREF="#" onClick="cal1x.select(document.all.date1x2,'anchor1x2','yyyy-MM-dd'); return false;" NAME="anchor1x2" id="anchor1x2">select</A>
该文件为JS文件,为客户端程序,在.net中调用格式为: <script language="...return false;">当用户点击文本框时会出现一个日历,用户可以选择日期和时间,日期和时间会自动出现在文本框中,且日历会自动关闭。
return false;">设为首页 <a href="#" onclick="bookmarkit('你的网址','你的网站名称');return false;">收藏本站 <a href="#" onclick="sendMail('你的邮箱地址','默认邮件主题','默认邮件内容');return ...
}}够了吧 屏蔽右键 很酷 oncontextmenu="return false" ondragstart="return false" onselectstart="return false"加在body中二2.1 表单项不能为空<script language="javascript"><!--function CheckForm(){ if...
1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键 <table border oncontextmenu=return(false)><td>no</table> 可用于Table 2. <body onselectstart="return false"> 取消选取、防止复制 3....
oncontextmenu="return false" ondragstart="return false" onselectstart="return false" 加在body中 二 2.1 表单项不能为空 <script language="javascript"> <!-- function CheckForm() { if (document.form...
return false。 href属性里面如何执行javascript代码表达式及规范写法 “在Javascript中void是一个操作符,该操作符指定要计算一个表达式但是不返回值。 void 操作符用法格式如下: 1. [removed]void (expression
return false">dfsadf 52.JS的内建对象有:Array,Boolean,Date,Error,EvalError,Function,Math,Number, Object,RangeError,ReferenceError,RegExp,String,SyntaxError,TypeError,URIError 53.JS中的换行:\n 54.窗口...
在b/s开发中经常用到的javaScript技术整理 一、验证类 1、数字验证内 1.1 整数 1.2 大于0的整数 (用于传来的ID的验证) 1.3 负整数的验证 1.4 整数不能大于iMax 1.5 整数不能小于iMin 2、时间类 ...
return false; }, afterCallback : function(mo) { alert("提交修改后的数据:"+mo); //document.location.reload(); } }, // 删除操作 delAction : { button : BaseJs.$('delete'), // 删除url...
window.event.returnValue = false; return false; }, ........................... ........................... 可编辑表格用法示例: var buttons = BaseJs.getByTagName("img"); for (var i=0;i;i++)...
1. oncontextmenu=”window.event.returnValue=false” 将彻底屏蔽鼠标右键 oncontextmenu=return(false)><td>no 可用于Table 2. <body onselectstart=”return false”> 取消选取、防止复制 3. ...
语法:onclick="js语句" 弹出警告:alert(‘字符串’) 强调:1.js区分大小写 2.字符串单双引号不区分 [removed]标签:页面中专门集中编写JavaScript的区域 js的方法定义:function方法名([参数列表]){ ...
[removed]void(0) 中最关键的是 void 关键字, void 是 JavaScript 中非常重要的关键字,该操作符指定要计算一个表达式...为防止点击链接后跳转到页首,onclick事件return false即可。 3.如果仅仅是想鼠标移过,变成
return false; }else // If does not need { window.location=arg; return true; }}function showsavemessage(arg){if (window.confirm("Save Change?")) { document.all["txtSave"].value=&...
禁止选取<body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return ...
html中,在标签中设的... <a href ="javascript:void(0);" onclick ="js_method()"> <a href = "javascript:;" onclick ="js_method()"> <a href = "#" onclick ="js_method();return false"> 本文使用第二种方式
<form id="uploadform" name="uploadform" action="/upload/do_upload" enctype="multipart/form-data" method="POST" onsubmit="return false;"> <!-- left upload --> <colgroup><col...