js中如何通过单击事件获取当前对象,并传递

js中如何通过单击事件获取当前对象,并传递,第1张

在给标签绑定事件时在回调事件里有一个event参数,可以通过eventtarget获取当前对象,在处理函数里把当前对象当做参数传递过去。如:

//绑定事件

$('list')click(function(event){

    var ele=eventtarget;

    deal(ele);

});

//处理函数

function deal(obj){

    

}

只是举一个例子,如果有错误,请指出。

具体过程不做详细叙述,直接上代码

写一个d出框,绑定onclick事件是好像控制不了它的返回值。代码如下

function

createBtn(){

for(var

i

=

0;

i

<

_thisbtnlength;

i++){

var

btn

=

documentcreateElement('span');

btnid

=

'btn_'

+

i;

btninnerHTML

=

_thisbtn[i];

btnstylepadding

=

'5px

15px';

btnstylebackground

=

'#E5E5E5';

btnstyleborderRadius

=

'5px';

btnstylemarginRight

=

'15px';

btnstylecursor

=

'pointer';

documentgetElementById('btn_box')appendChild(btn);

//btnonclick

=

closeBox;

}

}

function

closeBox(){

var

box

=

documentgetElementById('msg_box');

boxremove();

if(thisid

==

'btn_0'){

isBool

=

true;

}else{

isBool

=

false;

}

return

isBool;

}

以上代码就是通过onclick事件获取js函数返回值的全部代码,希望对大家今后的学习工作有所帮助。

获得当前点击的a 标签的属性值,可以使用onclick方法来实现如下面实例:

<a id="test" href="#" onclick="alert(thisid+' ' + thishref);">ddd</a>

在标签中添加okclick方法,传递需要或取的参数值,如此来获取被点击的

a 标签的Id 或者Url。

思路:为li对象添加单击事件→事件触发后利用innerHTML获取li的文本。实例演示如下:

1、HTML结构

<ul id="test">

<li>Glen</li>

<li>Tane</li>

<li>John</li>

<li>Ralph</li>

</ul>

2、javascript代码

windowonload = function(){

var obj_lis = documentgetElementById("test")getElementsByTagName("li");

for(i=0;i<obj_lislength;i++){

obj_lis[i]onclick = function(){

alert(thisinnerHTML);

}

}

}

3、效果演示

以上就是关于js中如何通过单击事件获取当前对象,并传递全部的内容,包括:js中如何通过单击事件获取当前对象,并传递、怎么通过onclick事件获取js函数返回值(代码少)、js 如何获得被点击的a标签的Id或者url等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/10085392.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-05
下一篇2023-05-05

发表评论

登录后才能评论

评论列表(0条)

    保存