selection-handian v2.1.0

划词，查汉典

网页划词，一步直达汉典释义，桌面、移动端全适配。

Oline Demo

PC端示例图

移动端示例图

特性

1. 体积小，未引入任何第三方库，原生实现，gzip大小3kb
2. 桌面、移动端全适配 (移动端支持手势下拉关闭)
3. 可实例化, 参数可配置
4. 简洁API，唯一 onEnd API
5. 弹窗位置自动计算边界

引入方法

1. ES6 Module

import SelectionHandian from 'selection-handian'

new SelectionHandian({
  /**
   * 查词结束时触发
   * @param {MouseEvent} event 鼠标事件
   * @param {String} text 查词词条
   * @param {Object} instance new SelectionHandian的实例
   */
  onEnd(event, text, instance) {
    // your logic
  }
}) 

2. Web Script

<script async src="/js/selection.popup.min.js"></script>

可选配置项：

const defaultOptions = {
  // 汉典最大加载时间
  MAX_TIME_OUT: 3500,
  // 浮窗挂载节点
  container: document.body,
  // 监听节点
  el: document.body,
  // 滚动容器，默认为 document.documentElement || document.body
  scroller: void 0,
  // 浮窗
  popup: null,
  // x轴位移量
  offsetX: 2,
  // y轴位移量
  offsetY: 12,
  // 选择结束
  onEnd: () => {},
}