Question

我是以这种方式传递来自onclick事件的参数......

<span id="btn1" onclick="DoIt('Var1', 'Var2', 'Var3');return false;">
  Go!
</span>

<script type="text/javascript">
function DoIt(Var1, Var2, Var3) {
  // some code...
}
</script>

并且evertything工作得很好，直到我意识到页面在页面加载时调用DoSave()函数。

我意识到我需要像这样封装DoSave()函数......

$('#btn1').click(function(event) {
  event.stopPropagation();
  // where DoIt() code will end up...
});

但我对如何传递和访问onclick事件中附加的变量感到困惑。

onclick="DoIt('Var1', 'Var2', 'Var3');return false;"

如何实现这一目标？

Answer 1

为什么不简单地使用数据属性？

<span id="btn1" data-var="var1" data-var2="var2" data-var3="var3">
  Go!
</span>

<script type="text/javascript">
$('#btn1').click(function(event) {
  value1 = $(this).data('var');
  value2 = $(this).data('var2');
  value2 = $(this).data('var3');
});
</script>

通过点击事件JavaScript传递变量

1 个答案: