[JQ权威指南]第十一天:使用trigger方法触发指定类型事件

最新推荐文章于 2023-06-17 17:25:15 发布

原创最新推荐文章于 2023-06-17 17:25:15 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

JQuery 专栏收录该内容

63 篇文章

订阅专栏

本文介绍如何在页面加载时，自动获取文本框中的默认值并显示，同时实现文本框的选中功能。

功能描述
在页面中创建一个文本框，并给文本框设置一个默认值。该页面加载时，自动获取文本框中的值显示在页面中，同时，文本框处于选中状态。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="../jquery-2.1.4.js"></script>
<style type="text/css">
    body{ font-size:13px}
    .txt{ border:#666 1px solid; padding:3px}
</style>
    <script type="text/javascript">
        $(function(){
            var oTxt=$("input");//获取文本框
            oTxt.trigger("select");//自动选择文本框
            oTxt.bind("btn_Click",function(){ //编写文本框自定义事件
                var txt=$(this).val(); //获取自身内容
                $("#divTip").html(txt);//显示在页面中
                })
            oTxt.trigger("btn_Click");//自动触发自定义事件
            })
    </script>
</head>


<body>
    姓名：<input id="Text1" type="text" class="txt" value="掏国荣" />
        <div id="divTip" style="padding-top:5px"></div>
</body>
</html>