javascript - 类似 iPad 的 html 页面文本选择 handle

标签 javascript jquery html

在我的项目中,为出版公司推出书籍。这些书籍被创建为具有 javascript 转换效果的 Html 页面。在我的应用程序中,我必须使用消息事件监听器来处理页面和应用程序之间的交叉通信。我的要求是将文本选择系统的样式设置为类似于以下内容:

将其视为图像:

但这并没有答案,我想处理带有所选文本两侧的页面,然后显示带有控件的工具提示。

任何帮助将不胜感激! :)

最佳答案

试试我创建的这个 jQuery 插件:http://codepen.io/mattsich/pen/MKvmxQ

$(document).ready(function(){
  $(".full-text").selectBars('.full-text', 'ipsum', function(){
    $('.selected-text p').text($('.full-text').attr('data-selected'));
  });

});

关于javascript - 类似 iPad 的 html 页面文本选择 handle ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18594556/

相关文章:

javascript - 将 html 元素本身传递给 javascript 函数

php - 裁剪本地镜像文件

javascript - 液体 slider 在 Chrome 扩展中无法正常工作

javascript - babel.config.js 中的环境变量

javascript - 获取所选选项的 src

javascript - 我如何在这个 jquery 循环之外访问这个变量?

javascript - 垂直滚动条根据滚动距离一点点移动

javascript - 在 jQuery 'click' 中创建的对象仍然存在,即使创建了一个新对象

javascript - 捕获拒绝的 promise 并将其通过错误代码解决后有任何问题吗?

javascript - 动态更改 SharePoint 2013 搜索代码段中的内容