jQuery Mobile vmouseout 事件

jQuery Mobile 是一个用于构建移动Web应用程序的HTML5框架。其中 vmouseout 事件是它提供的一种触摸事件，用于检测用户的手指离开屏幕的动作。

事件简介

• 名称：vmouseout
• 作用：检测用户手指离开屏幕的动作
• 触发条件：手指在屏幕上滑动，并且移动出了某个元素的范围内
• 用法：$(selector).on("vmouseout", function(){});

事件示例

$(document).on("pagecreate", function(){
  // 点击按钮时，文本框中的值将被清空
  $("#clearButton").on("vmousedown", function(){
    $("#myTextBox").val("");
  });
  
  // 鼠标离开按钮时，按钮的样式恢复到原始状态
  $("#clearButton").on("vmouseout", function(){
    $(this).buttonMarkup({theme: "a"});
  });
  
  // 鼠标移动到按钮上时，按钮的样式变为白色
  $("#clearButton").on("vmouseover", function(){
    $(this).buttonMarkup({theme: "b"});
  });
});

本示例演示了如何使用 vmouseout 事件清空文本框中的值，并且在鼠标离开按钮时，按钮的样式恢复到原始状态。

事件注意点

• vmouseout 事件仅在移动设备上触发，而不在桌面设备上触发。
• 如果元素是通过 JavaScript 动态添加到文档中的，那么要等到它们添加到 DOM 中后才能触发 vmouseout 事件。