HTML5一个onclick点几次就运行几个不同代码?

HTML5一个onclick点几次就运行几个不同代码?,第1张

这样可能不行。但是用addEventListener事件流可以做到。例如先把这个a标签找到,然后在a标签上面添加事件流。a.addEventListener('click', function() {})a.addEventListener('click', function() {})a.addEventListener('click', function() {})可以添加N个。

某些非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')

})

在按钮onclick事件中直接修改style.width的值即可,先把按钮设定宽度(style = "width:80px"),然后通过onclick事件修改,使用parseInt函数把带px单位的宽度转成数字再加10,代码如下:

<!DOCTYPE html>

<head>

    <title>Test Button</title>

</head>

<body>

<input type="button" value="Button" id="" onclick="this.style.width = (parseInt(this.style.width) + 10) + 'px'" style="width:80px">

</body>

</html>

效果如下:


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

原文地址:https://54852.com/zaji/7209340.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存