js触发按钮点击事件 - 黄彪学习笔记 - ITeye博客
博客分类：
模拟JS触发按钮点击功能
&title&usually function&/title&
function load(){
//下面两种方法效果是一样的
document.getElementById("target").onclick();
document.getElementById("target").click();
function test(){
alert("test");
&body onload="load()"&
&button id="target" onclick="test()"&test&/button&
btnObj.click()是真正地用程序去点击按钮，触发了按钮的onclick（）事件btnObj.onclick()只是简单地调用了btnObj的onclick所指向的方法，只是调用方法而已，并未触发事件
浏览 163906
浏览: 2081524 次
来自: 长沙
debug版本的apk没有问题，签名以后的apk 就不跳转链接 ...
直接用缓存啊 干嘛用map
不错。不知道你知不知道，缓存写磁盘，再恢复的问题
下载439次，就没一个说谢谢。ps：谢谢博主的分享。正文 js onclick事件传参数的方法分析
js onclick事件传参数的方法分析
发布时间： & 编辑：
本文介绍下，在javascript为onclick事件传递参数的方法，分享几个例子，供大家学习参考。
$(function(){
var patientId=$(&a&).attr(&patientId&);
}),在页面中&tr patientId=&${patientId}&&
2、onclick事件
一）js修改onclick动作的四种方式
复制代码 代码示例:
button.onclick = Function(&alert('hello');&);&
复制代码 代码示例:
button.onclick = function(){alert(&hello&); };&
复制代码 代码示例:
button.onclick = myA&
&function myAlert(){&
& alert(&hello&);&
这种情况更加动态，更为实用，而且还能添加多个函数(添加的事件的顺序即执行顺序)。&
复制代码 代码示例:
if(window.addEventListener){ // Mozilla, Netscape, Firefox&
&& //element.addEventListener(type,listener,useCapture);&&
&& button.addEventListener('click', alert('11'), false);&
&& button.addEventListener('click', alert('12'), false);//执行顺序11 -& 12&
} else { // IE&
&& button.attachEvent('onclick', function(){alert('21');});&
&& button.attachEvent('onclick', function(){alert('22');});执行顺序22 -& 21&
实例讲解：&&
复制代码 代码示例:
button.onclick = Function(&alert('31');&);&
&&& button.onclick = Function(&alert('32');&);&
&&& button.onclick = Function(&alert('33');&); //如果这样写,那么将会只有最后一个方法被执行&
&&& button.attachEvent(&onclick&, function(){alert('41');});&
&&& button.attachEvent(&onclick&, function(){alert('42');});&
&&& button.attachEvent(&onclick&, function(){alert('43');}); //如果这样写,三个方法都会被执行&
&&& //当然，也可以这样写&
&&& button.onclick = Function(&alert('51');&);&
&&& button.attachEvent(&onclick&, function(){alert('52');});&
&&&& //对应移除事件&
&&& detachEvent('onclick',func);//ie下使用删除事件func&
&&& removeEventListener('click',func);//Mozilla下，删除事件func&&&
二）JS动态设置标签的onclick属性
使用JS动态设置标签的onclick属性对应方法，不能直接使用=&方法名& 的方式&
复制代码 代码示例:
document.getElementById(&id&).onclick =&methodName();&//错误&
正确应使用=funciton(){methodsName}&
document.getElementById(&id&).onclick = function() {//正确&
&submitHobby();&
补充，设置传参的onclick函数，可以用jquery的click方法，如下：
复制代码 代码示例:
$(qtyObj).next().next().click(function(){&
&&&&&&& auVillusUsed(id0,id1,id2);&&&
$(qtyObj).next().next().click(function(e){&
&&& var obj=e.&
&&& //再通过e.target去获取需要的变量参数。&
});&您可能感兴趣的文章：欢迎加入我们，一同切磋技术。 &
用户名： &&&
密　码： &
共有 4476 人关注过本帖
标题：怎样用js实现把某个id里的内容赋值到某个变量中？
等　级：新手上路
帖　子：244
结帖率：79.45%
&&已结贴√
&&问题点数：20&&回复次数：4&&&
怎样用js实现把某个id里的内容赋值到某个变量中？
怎样用js实现把某个id里的内容赋值到某个变量中？例如：
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&&
&html xmlns=&http://www.w3.org/1999/xhtml&&
&meta http-equiv=&Content-Type& content=&text/ charset=utf-8& /&
&title&无标题文档&/title&
&script type=&text/javascript&&
&div id=&time&&&/div&
id=&time&里面的内容是通过某个函数获取当前时间，怎样把上面id=&time&里面的时间内容赋值到变量temp中？
[ 本帖最后由 gu_tong2008 于
14:16 编辑 ]
搜索更多相关主题的帖子:
&&&&&&&&&&
等　级：贵宾
威　望：51
帖　子：2256
专家分：8050
程序代码：&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&&
&html xmlns=&http://www.w3.org/1999/xhtml&&
&meta http-equiv=&Content-Type& content=&text/ charset=utf-8& /&
&title&无标题文档&/title&
&div id=&time&&test&/div&
&script type=&text/javascript&&
temp = document.getElementById('time').innerHTML;
alert(temp)
等　级：版主
威　望：40
帖　子：1787
专家分：7527
&&得分:10&
程序代码：&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&&
&html xmlns=&http://www.w3.org/1999/xhtml&&
&meta http-equiv=&Content-Type& content=&text/ charset=gb2312& /&
&title&无标题文档&/title&
&script type=&text/javascript&&
window.onload=function(){
ttt=document.getElementById(&tt&);
document.getElementById(&btn&).onclick=
setInterval(&ttt.innerHTML=new Date().toLocaleString();&,1000);
function qz(){
temp=document.getElementById(&tt&).innerHTML;
alert(temp);//验证是否给temp赋予了值!
&input type=&button& value=&取值& id=&btn&/&
&div id=&tt&&&/div&
不知道楼主想实现的意义效果是什么，这样可否？
Q:，百度：开发地 即可找到我,有事请留言！
来　自：湖南
等　级：贵宾
威　望：12
帖　子：512
专家分：1736
程序代码：&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&&
&html xmlns=&http://www.w3.org/1999/xhtml&&
&meta http-equiv=&Content-Type& content=&text/ charset=utf-8& /&
&title&无标题文档&/title&
&script type=&text/javascript&&
function check(){
temp = document.getElementById('time').innerHTML;
alert(temp);//验证id为time的层弹出的内容。该例层中内容为test。
&div id=&time& onclick=&check()&&test&/div&
&/html&做了个简单的测试，lz查收一下！
来　自：北京
等　级：业余侠客
帖　子：94
专家分：247
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&&
&html xmlns=&http://www.w3.org/1999/xhtml&&
&meta http-equiv=&Content-Type& content=&text/ charset=utf-8& /&
&title&无标题文档&/title&
&script src=&jquery-1.4.1.js&&
&script type=&text/javascript&&
$.ready() {
&&& var temp=$('#time').text();
&&& alert(temp);
&div id=&time&&&/div&
出生在北京的晚秋时节，于是遍爱上了这个季节
版权所有，并保留所有权利。
Powered by , Processed in 0.069298 second(s), 8 queries.
Copyright&, BCCN.NET, All Rights ReservedJavaScript中利用jQuery绑定事件的几种方式小结
作者：小檀
字体：[ ] 类型：转载 时间：
这篇文章主要介绍了JavaScript中利用jQuery绑定事件的几种方式小结,包括不调用jQuery的&原生js&实现方式,需要的朋友可以参考下
开发过程中经常要给DOM元素添加一些事件，下面介绍几种方式：
先写几个好看的button
//引入JQuery
&script type="text/javascript" src="jquery-1.8.3.min.js"&&/script&
&span id="tips"&&/span&
&input type="button" id="btn1" value="OK1" onclick="alert('hello btn1');"&
&input type="button" id="btn2" value="OK2" click-type="listener"&
&input type="button" id="btn3" value="OK3" click-type="listener"&
&input type="button" id="btn4" value="OK4"&
&input type="button" id="btn5" value="OK5"&
&div id="btn-list"&
&input type="button" id="btn6" value="OK6"&
&input type="button" id="btn7" value="OK7"&
效果如下：
1、直接在btn1使用onclick，这种方式称为内联事件，简单粗暴，好处是可以清晰地看到button绑定了click事件；这种方式等同于：(element).onclick；
这种方式的缺点，一个元素只能指定一个内联事件，添加了这段代码之后会发现onclick="alert('hello btn1');"被覆盖了：
(function(){
var _btn1 = document.getElementById('btn1'),
_tips = document.getElementById('tips');
_btn1.onclick=function(){
_tips.innerHTML='hello world~';
2、使用原生JS给多个元素绑定事件，在 IE 9 之前的版本中，需要使用 attachEvent替代addEventListener
(function(){
var _btns=document.querySelectorAll("[click-type=listener]"), i = 0, len = _btns.
for (i; i & ++i) {
var _btn=_btns[i];
_btn.addEventListener("click", function (evt) {
var target = evt.target
alert('hello '+target.id);
3、第二种方式逻辑比较简单，逼格会高一点，但是代码量比较多，而且还需要考虑IE的兼容性问题，由于我们的项目一般都会使用到JQuery，所以就可以这样写了：
$("#btn4").click(function(){
alert("hello btn4");
$("#btn5").on("click",function(){
alert("hello btn5");
上面使用到的on和bind方法效果是一样的；
4、使用on，给多个元素绑定一个或多个事件：
$("#btn-list").on("click","input",function(evt){
alert("hello "+ evt.target.id);
这是我现在在开发中最常用的一种方法，有个好处，举个栗子：
/*动态添加几个button*/
(function(){
for(var i=8;i&10;i++){
$("#btn-list").append("&input type='button' id='btn"+i+"' value='OK"+i+"'&");
这样动态添加元素的时候可以自动添加click事件，比如我们经常使用AJAX加载一些数据动态添加到页面上，这样就简单多了。
另外：使用原生JS利用事件委托实现也比较简单，
&ul id='list'&
&li&css&/li&
&li&js&/li&
&li&html&/li&
(function(){
var a=document.getElementById('list');
a.addEventListener('click',function(e){
var b = e.
alert(b.innerHTML);
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具}