jQuery提供了几种方法来监听文本框的拖放事件:
拖放事件
dragstart事件:当开始拖动元素时触发。drag事件:当元素被拖动时持续触发。dragover事件:当拖动元素经过可释放目标时触发。dragenter事件:当被拖动的元素进入可释放目标时触发。dragleave事件:当元素被拖动离开可释放目标时触发。drop事件:当被拖动的元素在可释放目标上被释放时触发。dragend事件:当拖动操作结束时触发。
示例:
// 监听拖放事件$('input[type=text]')
.on('dragstart', function() { ... })
.on('drag', function() { ... })
.on('dragover', function() { ... })
.on('dragenter', function() { ... })
.on('dragleave', function() { ... })
.on('drop', function() { ... })
.on('dragend', function() { ... });选择事件
select事件:当在文本框中选择了文本时触发。
示例:
$('input[type=text]').on('select', function() { ... });
复制粘贴事件
copy事件:当复制操作发生时触发。paste事件:当粘贴操作发生时触发。cut事件:当剪切操作发生时触发。
示例:
$('input[type=text]')
.on('copy', function() { ... })
.on('paste', function() { ... })
.on('cut', function() { ... });
这些事件可以让你在用户与文本框交互时执行自定义操作,例如在拖放结束时验证输入,在文本被粘贴时格式化等。
