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();
  }
});
相关文章
|
3月前
|
JavaScript 前端开发 安全
使用 Node.js 插件给指定目录下的所有图片添加上文字水印
使用 Node.js 插件给指定目录下的所有图片添加上文字水印
60 0
|
4月前
|
JavaScript 前端开发
|
28天前
|
JavaScript
事件触发、事件捕获与事件冒泡(js的问题)
事件触发、事件捕获与事件冒泡(js的问题)
12 0
|
9天前
|
JavaScript 前端开发
js开发:请解释事件冒泡和事件捕获。
JavaScript中的事件处理有冒泡和捕获两种方式。事件冒泡是从子元素向上级元素传递,而事件捕获则从外层元素向内层传递。`addEventListener`的第三个参数可设定事件模式,`false`或不设为冒泡,`true`为捕获。示例代码展示了如何设置。
21 2
|
1天前
|
JavaScript 前端开发 开发者
【JavaScript技术专栏】JavaScript事件处理机制详解
【4月更文挑战第30天】本文探讨JavaScript中的事件处理机制,涉及事件类型(如click、mouseover)、事件流(冒泡型、捕获型及目标阶段)、事件处理函数(内联与addEventListener方法)以及事件委托(用于优化内存和处理动态元素)。此外,还介绍了事件取消,通过`preventDefault()`和`stopPropagation()`控制事件行为。理解这些概念对构建交互式Web应用至关重要。
|
2天前
|
JavaScript 前端开发
11.JavaScript 事件的概念以及绑定方法
11.JavaScript 事件的概念以及绑定方法
|
14天前
|
JavaScript 前端开发 UED
JavaScript的事件介绍
JavaScript的事件介绍
|
14天前
|
JavaScript 前端开发
|
1月前
|
JavaScript 前端开发 流计算
JS:oninput和onchange事件的区别
JS:oninput和onchange事件的区别
21 1
|
2月前
|
JavaScript 前端开发
js开发:请解释事件冒泡和事件捕获。
JavaScript中的事件处理有冒泡和捕获两种方式。事件冒泡是从子元素向上级元素依次触发事件,而事件捕获则从最外层元素向内层元素传递。`addEventListener`的第三个参数可设定事件模式,`false`或不设为冒泡,`true`为捕获。例如: ```javascript element.addEventListener(&#39;click&#39;, console.log, false); // 冒泡 element.addEventListener(&#39;click&#39;, console.log, true); // 捕获 ```
18 0