如何给html元素的onclick事件传递参数即如何获取html标签的data

如何给html元素的onclick事件传递参数即如何获取html标签的data,第1张

某些非text元素,如a、button等用于触发时间的标签可已将要传的数据放在一个属性中,如data,这个属性必须是不影响样式的,可以使用任意非html定义的名字命名属性,然后将数据传到属性中,

<button data="123" id="but" onclick="fun()">按钮</button>

然后通过attr这个方法获取属性内容$('#but')attr('data')

其实完全可以直接写在onclick里作为参数

<button onclick="fun(123)">按钮</button>

如果使用id触发方法,还可以直接用this选择

<button data="123" id="but" >按钮</button>

$('#but')on('click', function(){

var val = $(this)attr('data');

})

排错的时候要以页面的出现的源代码为准。

js获得的值是在php已经输出的基础上。你这里倒过来了。

这样改看能达到你的要求?

<html>

<head>

<script type="text/javascript">

function getValue()

{

var x=documentgetElementById("myHeader")

//return xinnerHTML

documentgetElementById(""p_for_show")innerHTML=xinnerHTML;

}

</script>

</head>

<body>

<php

echo "<h1 id='myHeader' onclick='getValue()'>This is a header</h1>";

echo "<p>Click on the header to alert its value</p><p id="p_for_show"></p>";

>

</body>

</html>

onClick()优先级低于onTouchEvent低于onTouch 你的问题是什么 自定义控件无法点击

true:分析问题 从事件分发角度来考虑 首先考虑 此控件是否可被点击 就是你设置longclick或者clicked没 在考虑是否被上层拦截或者消费了 从这两点出发 大部分事件冲突都可以解决

以上就是关于如何给html元素的onclick事件传递参数即如何获取html标签的data全部的内容,包括:如何给html元素的onclick事件传递参数即如何获取html标签的data、怎么通过onclick 事件获取JS的函数返回值、自定义一个控件,它的内部就有OnTouch事件和OnClick事件,无法再MA中获取控件的点击事件,如何解决等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/web/9710391.html

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

发表评论

登录后才能评论

评论列表(0条)

保存