input type = button 中onclick无效

cc_yy_zh

于 2016-12-23 17:08:50 发布

阅读量2.4w

点赞数

分类专栏： jquery 文章标签： jquery

本文链接：https://blog.youkuaiyun.com/cc_yy_zh/article/details/53841904

版权

jquery 专栏收录该内容

5 篇文章

订阅专栏

本文探讨了在网页开发中如何正确放置函数以确保其正常工作，特别是针对jQuery库中的点击事件处理。通过两个实例展示了函数定义的位置差异及其对DOM元素事件响应的影响，并提供了直接在HTML元素上设置事件与使用jQuery选择器绑定事件的不同方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

函数不能放在ready里

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
 function fas(){
    alert(1);
 }
</script>
</head>
<body>
    <input type="button" onclick = "fas()" value = "sdsdsd">
</body>
</html>

第二种$(“#test”).click(function(){alert(1);});

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(function(){
 $("#test").click(function(){
    alert(1);
});
});
</script>
</head>
<body>
    <input id = "test" type="button" value = "sdsdsd">
</body>
</html>