通过selectstart事件可以直接获得文本节点

最新推荐文章于 2024-03-16 11:36:04 发布
最新推荐文章于 2024-03-16 11:36:04 发布
阅读量2.1k 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38744335/article/details/79177578
版权

一般的事件对象的target只能得到元素节点，

而通过selectstart事件的event对象可以直接返回文本节点

document.onselectstart=function(e){

 e=e||event;

 e.target;//如果你点击的是文本，则返回的结果直接就是这个文本节点了

}

通过这个事件可以通过点击，就可以直接选取文本了

疯狂大嘴
关注
JS 事件高级（二）
MartinYP的博客
07-23 261
JS笔记
JavaScript中事件的绑定
划水队员的博客
06-12 680
JavaScript中事件的绑定 文章目录JavaScript中事件的绑定前言一、节点的层级1. 获取子节点的方式：2. 获取兄弟节点或兄弟元素的方式二、事件的注册1.传统方式：2.事件监听方式:3.删除事件：4.事件流：5.事件的对象：6.事件的委托：7.禁止右键菜单8.禁止鼠标选中9.鼠标事件对象10.键盘事件总结 前言 当在 HTML 页面中使用 JavaScript 时， JavaScript 可以触发这些事件。 一、节点的层级 1. 获取子节点的方式： childNodes属性：返回当前节
鼠标事件 - contextmenu 和 selectstart
一个小白，博文源于浏览各个大佬所得，感谢行业大佬们！
09-22 1050
鼠标事件 - contextmenu 和 selectstart
js-onSelectStart解释
草泥马
07-13 7712
IE&&Chrome中适用此方法 document.onselectstart=function(){return false;} onselectstart是防止内容被选中默认状态是true 选不中 一般如果把它设置在整个body上时如果body里边有输入框需要选中文字时可以这样 function doIt(){ var now=event.src
onselectstart与onselect
w93223010的专栏
07-24 402
这两个事件看起来很相似，事实上却非常的不同。 onselectstart         onselectstart几乎可以用于所有对象，其触发时间为目标对象被开始选中时（即选中动作刚开始，尚未实质性被选中）。该事件常使用 于使目标对象“禁止变蓝”，比如在很多地方当用户双击时，一些元素会变成蓝色（选中状态），而当我们要避免这种情况时就可以使用该事 件，使用示例如下： flondon 或
mysql show操作
weixin_33859231的博客
11-07 93
SHOW CHARACTER SET 显示所有可用的字符集 SHOW CHARACTER SET; SHOW CHARACTER SET LIKE 'latin%';   SHOW COLLATION 输出包括所有可用的字符集 SHOW COLLATION; SHOW COLLATION LIKE 'latin1%';   SHOW COLUMNS 显示在一个...
vue中select的使用以及select设置默认选中
weixin_33749131的博客
02-26 948
简介 今天写pc端引入vue，遇到了一个问题，就是我循环出select内的数据以后，发现原本默认显示第一条的select框变成了空白，要选择后才有显示，结果查了好多文档，讲的都不是很清楚，后来看到一句提示，试了一下发现居然还有这种隐藏属性。所以，我决定自己写下来，讲清楚。 解决过程 html代码如下，通过v-model可以获取到选中的值，如果option中存在value属性，优先获取v...
浅谈 javascript 事件处理
10-24
通过事件对象，可以获取事件源、阻止事件的默认行为以及停止事件冒泡等操作。 例如： ```javascript document.getElementById('link').addEventListener('click', function(event){ event.preventDefault(); // ...
DOM的事件处理、Windows的常用事件
weixin_61561066的博客
06-17 810
BOM（Brower Object Model）：浏览器对象模型。独立于内容和浏览器进行交互的对象。核心是window对象（1）DOM（Document Object Model）：文档对象。把文档看做对象，顶级对象（核心对象）是document。（2）BOM（Brower Object Model）：浏览器对象模型。把浏览器看做对象，顶级对象（核心对象）是window。事件三要素：（1）事件源：触发事件的对象；（2）事件类型：出发了什么样类型的事件；（3）事件处理程序：事件被触发后执行的函数（程序段）传统
DOM操作与事件高级
Little_monster_1的博客
08-16 391
wa
JS : onselectstart
小孩No乖的专栏
08-26 805
最近的工作中，接触JS的比较多，碰到个文本框不能拖动选择的问题 发现原来是增加了一个函数 document.onselectstart = function(event) {return false}; 那么页面上的所有的选择事件将失效。 譬如我们可以指定哪些是不能选定的 document.onselectstart= function(event){return test()};...
常用JS方法
站在巨人的肩上
05-10 3793
事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture();  event.srcElement.releaseCapture();   事件按键 event.keyCode event.shiftKey event.altKey event.ctrlKey 事件返回
事件高级 （黑马课程总结【侵删】）
qq_42024229的博客
10-08 225
注册事件（绑定事件） 删除事件（解绑事件） DOM事件流 事件对象 阻止事件冒泡 事件委托（代理、委派） 常用的鼠标事件 常用的键盘事件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1...
js鼠标键盘事件
qq_42800468的博客
08-01 2015
注mouseover与mouseenter都是鼠标经过时触发，mouseover在鼠标经过子元素时会触发（会冒泡），mouseenter只在自身盒子时会触发（不会冒泡）例如果父标签为绑定事件，有子标签，点击子标签，target返回的是子标签元素，this返回父标签元素。所以如果大标签包含小标签且两个标签都有事件时，捕获时先执行大标签元素的事件；冒泡时先执行小标签的事件。鼠标移入监听对象中，或者从监听对象的一个子元素移入另一个子元素中时触发该事件。返回触发事件的对象，而this返回绑定事件的对象。...
避免copy
chimipiao5823的博客
05-21 372
禁止鼠标右键：oncontextmenu="return false"； 禁止选择：onselectstart="return false"； 禁止拖放：ondragstart="return false"； 禁止拷贝：oncopy=document.selection.empty() ...
取消选中之onselect 与 onselectstart 的区别
mh的63
06-23 1080
取消选中之onselect 与 onselectstart 的区别 先来看看实现的效果 右侧轮播图的左箭头，点击后不应该被选中，轮播显示上一张图片的内容。 如果不加onselectstart事件，会出现下图的效果 发现右边的箭头背景变成了蓝色，这是因为它被选中了。 为了解决这个问题，可以使用 <div onclick="lunLeft()" onselectstart="retur...
JavaScript常见鼠标事件
liGermini526的博客
03-16 6159
对于刚入门的前端程序员来说，js中较为重要的鼠标事件是一个重点记忆的内容，本文主要针对几个常用的鼠标事件做简单讲解，主要包括定义和使用场景。
vue实现浏览器禁止鼠标选中文字&禁止右键&禁止F12键
hello，word！
11-22 3268
1. 禁止鼠标选中文字 2.禁止右键 3. 禁止F12键 4. 使用css样式实现禁用选中文字 5. 其他样式自己尝试吧 6. img标签禁用选中、拖拽、右键
fabric Text 事件
最新发布
09-07
你可以通过监听这些事件，在事件处理器中添加特定的功能，如响应用户交互或更新视图状态。例如： ```javascript const text = new fabric.Text('Hello, World!', { left: 50, top: 50 }); text.on('click', ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值