在jQuery中获取可拖动元素的值,可以通过以下步骤实现:
dragstop
事件或者mouseup
事件来监听拖拽结束。val()
方法获取表单元素的值,或者使用text()
方法获取普通元素的文本内容。以下是一个示例代码:
// HTML
<div id="draggable" class="ui-widget-content">
可拖动元素
</div>
// JavaScript
$(function() {
// 初始化拖拽插件
$("#draggable").draggable();
// 监听拖拽结束事件
$("#draggable").on("dragstop", function(event, ui) {
// 获取拖拽元素的值
var value = $(this).text();
console.log(value);
});
});
在上述示例中,我们给可拖动元素添加了一个id属性为"draggable",并使用draggable()
方法初始化了拖拽插件。然后,通过监听dragstop
事件,在事件处理函数中使用text()
方法获取了拖拽元素的文本内容,并将其打印到控制台。
推荐的腾讯云相关产品:腾讯云对象存储(COS),用于存储和管理静态资源。产品介绍链接地址:https://cloud.tencent.com/product/cos
领取专属 10元无门槛券
手把手带您无忧上云