diff --git a/05sortable.js delay属性鼠标按下后多久才允许拖动.html b/05sortable.js delay属性鼠标按下后多久才允许拖动.html
new file mode 100644
index 0000000..169c7b2
--- /dev/null
+++ b/05sortable.js delay属性鼠标按下后多久才允许拖动.html	
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8" />
+    <title>sortable.js delay属性例子</title>
+    <meta name="viewport"
+        content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui">
+    <script src="https://www.itxst.com/package/sortable/sortable.min.js"></script>
+    <style>
+        .itxst {
+            margin: 10px auto;
+            width: 40%;
+            float: left;
+            margin-right: 10px;
+        }
+
+        .itxst div {
+            padding: 6px;
+            background-color: #fdfdfd;
+            border: solid 1px #eee;
+            margin-bottom: 10px;
+            cursor: move;
+        }
+
+        #msg {
+            clear: both;
+            width: 100%;
+        }
+    </style>
+</head>
+
+<body>
+    <div class="box">
+        <div id="g1" class="itxst">
+            <div>点击按住鼠标1秒后再拖动</div>
+            <div class="item" data-id="1" onclick="del()">item 1</div>
+            <div class="item" data-id="2" onclick="del()">item 2</div>
+            <div class="item" data-id="3" onclick="del()">item 3</div>
+        </div>
+    </div>
+    <div id="msg"></div>
+    <script>
+        //第一组 
+        const g1 = document.getElementById("g1");
+        const ops1 = {
+            animation: 166,
+            draggable: ".item",
+            delay: 1000,
+            onEnd() {
+                const arr = sortabel.toArray();
+                console.log(arr);
+            }
+        }
+        function del() {
+            console.log("执行了del事件")
+        }
+        const sortabel = Sortable.create(g1, ops1)
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/temp.js b/temp.js
index ed2a34b..ccc029e 100644
--- a/temp.js
+++ b/temp.js
@@ -1,70 +1,18 @@
-     //第一组
-     var moveItemId = -1;
-     var g1 = document.getElementById('g1');
-     var ops1 = {
-         animation: 166,
-         draggable: ".item",
-         sort: true,
-         group: {
-             name: "itxst.com",
-             pull: function () {
-                 //第二个元素不允许被拖走
-                 if (moveItemId == '2') return false;
-                 return 'clone';
-             },
-             put: function () {
-                 //B组的google不允许被拖入
-                 if (moveItemId == '5') return false;
-                 return true;
-             }
-         },
-         //开始拖动记录下用户点击的那个元素
-         onStart: function (evt) {
-             moveItemId = evt.clone.dataset.id;
-         },
-         //拖动结束
-         onEnd: function (evt) {
-             console.log(evt);
-             //获取拖动后的排序
-             var arr = sortable1.toArray();
-             document.getElementById("msg").innerHTML = "A组排序结果：" + JSON.stringify(arr);
-         },
-     };
-     var sortable1 = Sortable.create(g1, ops1);
-
-     //第二组
-     var g2 = document.getElementById('g2');
-     var ops2 = {
-         animation: 166,
-         draggable: ".item",
-         sort: false,
-         group: { name: "itxst.com", pull: true, put: true },
-         //开始拖动记录下用户点击的那个元素
-         onStart: function (evt) {
-             moveItemId = evt.clone.dataset.id;
-         },
-         //拖动结束
-         onEnd: function (evt) {
-             console.log(evt);
-             //获取拖动后的排序
-             var arr = sortable2.toArray();
-             document.getElementById("msg").innerHTML = "B组排序结果：" + JSON.stringify(arr);
-         },
-     };
-     var sortable2 = Sortable.create(g2, ops2);
-
-     //第三组
-     var g3 = document.getElementById('g3');
-     var ops3 = {
-         animation: 166,
-         draggable: ".item",
-         group: { name: "itxst.com", pull: true, put: true },
-         //拖动结束
-         onEnd: function (evt) {
-             console.log(evt);
-             //获取拖动后的排序
-             var arr = sortable3.toArray();
-             document.getElementById("msg").innerHTML = "C组排序结果：" + JSON.stringify(arr);
-         },
-     };
-     var sortable3 = Sortable.create(g3, ops3);
\ No newline at end of file
+    //第一组 
+    var g1 = document.getElementById('g1');
+    var ops1 = {
+        animation: 1000,
+        draggable: ".item",
+        delay: 1000,  
+        //拖动结束
+        onEnd: function (evt) {
+            console.log(evt);
+            //获取拖动后的排序
+            var arr = sortable1.toArray();
+            document.getElementById("msg").innerHTML = "A组排序结果：" + JSON.stringify(arr);
+        },
+    };
+    function del() {
+        alert("执行了del事件")
+    }
+    var sortable1 = Sortable.create(g1, ops1);
\ No newline at end of file
