gpt4 book ai didi

javascript - jQuery - 谁真正点击了我?

转载 作者:行者123 更新时间:2023-11-29 15:00:35 24 4
gpt4 key购买 nike

我有这个 jsbin (上一个 answers 没有多大帮助)

<span id="mySpan" > click here </span>
  <br/> 
  <input id="myCb" type="checkbox"/>

enter image description here

我有一个 checkbox 的监听器,点击它会执行 Alert...

但是,点击 span触发 checkboxclick 事件。

我想检测 - 谁真正让复选框执行警报。

但是!

我想要:如果第一次点击 span ,警报 i 本来是被 mySpan 压的

否则

如果第一次点击复选框,警告 i is originally pressed by myCb

$("#mySpan").on('click',function (e) 
{
$("#myCb").trigger('click');

});

$("#myCb").on('click',function (e)
{
doWork(e)
});


function doWork(e)
{
alert('i was originally pressed by '+$(e.delegateTarget).attr('id') );
}

附注我可以使用全局字段或标志解决方案 - 我不想这样做。

我很乐意通过 e 参数“移动数据”- 解决方案。

谢谢。:)

编辑

jQuery 确实支持移动数据,但我无法编写正确的代码

enter image description here

最佳答案

这对我有用,

<html>
<head>
<style>

</style>
<script src='jquery.js'></script>
<script type='text/javascript'>
$(document).ready(function() {
$("#mySpan").on('click',function (e){
$("#myCb").trigger('click','span');
});

$("#myCb").on('click',function (e,span){
var ele = span || 'cb';
doWork(ele);
});
function doWork(ele){
alert('i was originally pressed by ' + ele );
}
})


</script>
</head>
<body>
<span id="mySpan" style="width:100px;height:100px;" > click here </span>
<br/><br/><br/>
<input id="myCb" type="checkbox"/>
</body>
</html>

Fiddle

关于javascript - jQuery - 谁真正点击了我?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10682166/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com