jQuery select和change事件

上節教學中我們已經學過，jQuery 常用的表單事件有 3 種，focus 和 blur 事件上節已有介紹，本節教學就來介紹 select 和 change 事件。

jQuery select事件

在 jQuery 中，當我們選中“單行文字方塊”或“多行文字方塊”中的內容時，就會觸發 select 事件。

舉例：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="js/jquery-1.12.4.min.js"></script>
    <script>
        $(function () {
            $("#txt1").select(function(){
                alert("你選中了單行文字方塊中的內容")
            })
            $("#txt2").select(function () {
                alert("你選中了多行文字方塊中的內容")
            })
        })
    </script>
</head>
<body>
    <input id="txt1" type="text" value="C語言中文網，給你初戀般的感覺"/><br />
    <textarea id="txt2" cols="20" rows="5">C語言中文網，給你初戀般的感覺</textarea>
</body>
</html>

預覽效果如圖 1 所示。

圖 1：select 事件的效果