js手机端长按选中文字执行事件

简介: js手机端长按选中文字执行事件
<button type="button" class="button"></button>
$('button').on('touchstart', function (e) {
// $('button').on('click', function (e) { 可在电脑上设为点击事件选中查看效果
  var word =window.getSelection().toString(); //长按选中的文字
  if(word.length > 0){
    $("#iframe").attr("src","http://cjzd.aicangjie.com/winner_dayuwen/cidian/xdhycd.php?zi=" + word +"&token="+token);
    $(".notebook").show();
  }else if(word == ''){
     $(".triumphMs").html("请先长按选中文字");
     $(".triumphs").show().delay(1500).fadeOut();
  }else if(word.length <= 1){
    $("#iframe").attr("src","http://cjzd.aicangjie.com/winner_dayuwen/zyzd.php?zi=" + word +"&token="+token);
    $(".notebook").show();
  }
});
相关文章
|
Web App开发 JavaScript 前端开发
javascript onkeydown事件
javascript onkeydown事件
|
前端开发 搜索推荐 JavaScript
如何通过DIY.JS快速构建出一个DIY手机壳、T恤的应用?
DIY.JS 是一款基于原生 Canvas 的业务级图形库,专注于商品定制的图形交互功能,帮助开发者轻松实现个性化设计。适用于 T 恤、手机壳等多种商品场景。它自带丰富功能,无需从零构建,快速集成到项目中。通过创建舞台、添加模型、定义 DIY 区域和添加素材四个步骤即可完成基础用法。支持在线演示体验,文档详细,易上手。
687 57
|
JavaScript
js两种移除事件的方法
js两种移除事件的方法
254 3
|
JavaScript 前端开发 Java
【Java进阶】详解JavaScript事件
总的来说,JavaScript事件是JavaScript交互设计的核心,理解和掌握JavaScript事件对于编写高效、响应式的网页应用至关重要。
295 15
|
JavaScript 前端开发 测试技术
盘点原生JavaScript中直接触发事件的方式
本文全面探讨了原生JavaScript中触发事件的多种方式,包括`dispatchEvent`、`Event`构造函数、`CustomEvent`构造器、直接调用事件处理器以及过时的`createEvent`和`initEvent`方法。通过技术案例分析,如模拟点击事件、派发自定义数据加载事件和实现提示框系统,帮助开发者掌握这些方法在实际开发中的应用,提升灵活性与兼容性。
606 3
|
JavaScript 前端开发 异构计算
兼容移动手机的js拖拽插件Draggin.js
兼容移动手机的js拖拽插件Draggin.js
463 1
|
缓存 JavaScript 前端开发
JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用
本文深入讲解了 JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用。
1132 5
|
存储 JavaScript 前端开发
js事件队列
【10月更文挑战第15天】
311 6
|
JavaScript 前端开发
js怎么获取div里面的文字长度
js怎么获取div里面的文字长度
279 5
|
JavaScript
js文字如何轮播?
js文字如何轮播?
133 2

热门文章

最新文章