生活
onselect 、onselectstart=return false
2023-04-21 01:26  浏览:55

onselect怎么用?

1.onselect是当你选择文本内容是而触发的事件

如:input type="text" value="你好!" onselect="alert('你选择了莫些文字')"

2.还可以取消不让选择文本内容

如:onselect="document.selection.empty()"

冒被鄙视的风险回答下

on-select 作用在Menu 标签组件上

template上这么写

Menu ... @on-select="turnUrl"

script中这么写

export def***lt {

    methods: {

        turnUrl(name) {

            // name是 Menu-item name="timestamp"时间戳/Menu-item 的name

            // 我的router有 /timestamp 于是使用了vue-router中的编程路由进行动态跳转

            this.$router.push(name)

    }

    }

}

回答完毕

javascript onSelect

定义和用法

onselect 事件会在文本框中的文本被选中时发生。

语法

onselect="SomeJavascriptCode"

实例

form

Select text: input type="text" value="Hello world!"

onselect="alert('You have selected some of the text.')" /

br /br /

Select text: textarea cols="20" rows="5"

onselect="alert('You have selected some of the text.')"

Hello world!/textarea

/form

onselect 与 onselectstart

开发登录页面的时候,有个滑动验证提出的bug,也算是优化建议吧。

就是说,点击拖动滑块的时候,操作过快没有点到滑块,就会选中提示文字,让文字变蓝,点击选中还能拖动,显得有些诡异,让我优化一下用户体验。

这里做一下总结,关于一些不是被经常用到的。

使用场景:实现元素内文本不被选中

使用场景:***止鼠标在网页上拖动

使用场景:很多网站上的页面内容是不允许复制的,这样可以防止用户或者程序恶意的去抓取页面数据。

使用场景:网银转账时,输入对方卡号,需要输入两次,通常第二次输入的输入框是不允许粘贴的,这样就在一定程度上保证了卡号的准确性。

onselect的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于onselectstart=return false、onselect的信息别忘了在本站进行查找喔。

发表评论
0评