input type = button 中onclick无效

最新推荐文章于 2022-01-12 15:30:28 发布

原创最新推荐文章于 2022-01-12 15:30:28 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery

jquery 专栏收录该内容

5 篇文章

订阅专栏

本文探讨了在网页开发中如何正确放置函数以确保其正常工作，特别是针对jQuery库中的点击事件处理。通过两个实例展示了函数定义的位置差异及其对DOM元素事件响应的影响。第一种方法直接将函数定义在文档内，而第二种则利用了jQuery的$(document).ready()方法来确保DOM完全加载后再执行函数绑定。

函数不能放在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>