页面载入自动触发事件

最新推荐文章于 2023-07-17 15:45:51 发布

Hi_Panda_CRL

最新推荐文章于 2023-07-17 15:45:51 发布

阅读量3.5k

点赞数

分类专栏：前端开发

本文链接：https://blog.csdn.net/grief_of_the_nazgul/article/details/38420243

版权

这篇博客介绍了如何使用jQuery在页面加载完成后自动触发事件，如点击按钮。示例代码展示了如何在文档准备就绪后模拟点击id为'firstpage'的元素，并在按钮点击时触发输入框的'select'事件，从而实现文本选择效果。此外，还展示了如何使用$.trigger()方法来手动触发事件。

摘要由CSDN通过智能技术生成

<script type="text/javascript">
  $(document).ready(function(){
	$("#firstpage").click();
});
</script>

$("button").click(function(){
  $("input").trigger("select");
});

$(selector).trigger(event,[param1,param2,...])

<pre name="code" class="javascript">$(selector).trigger(eventObj)

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("input").select(function(){
    $("input").after("文本被选中！");
  });
  $("button").click(function(){
    $("input").trigger("select");
  });
});
</script>
</head>
<body>
<input type="text" name="FirstName" value="Hello World" />
<br />
<button>激活 input 域的 select 事件</button>
</body>
</html>