腾讯云

文章/答案/技术大牛

发布

社区首页 >问答首页 >单击事件应在"readonly“datepicker上触发

问单击事件应在"readonly“datepicker上触发
EN

Stack Overflow用户

提问于 2019-01-29 11:35:31

回答 1查看 81关注 0票数 0

我想要的是在readonly datepicker字段上触发click事件。当我在该字段中使用readonly时，它会触发一个事件，还会打开日历弹出窗口，但我希望阻止该弹出窗口，只触发单击事件。

例如，下面是datepicker的my文本字段：

<input type="text" class="form-control" id="id_datepicker" readonly>

当我使用该id触发点击事件时，如下所示：

$('#id_datepicker').click(function(){alert("Something here")})

因此，在这种情况下，应该只打开警报。而不是弹出的日历。那么如何做到这一点呢？

就像这样的https://jsfiddle.net/qL3nwz4c/2/

jquery

twitter-bootstrap

click

bootstrap-datepicker

回答 1

Stack Overflow用户

发布于 2019-01-29 13:21:09

只需从输入中删除#js-date，这样它就不能应用于只读输入。

更新的fiddle：https://jsfiddle.net/aw15csyz/

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/54420166

复制

jQuery 双击事件（dblclick）时，不触发单击事件(click)

jquery

在jQuery的事件绑定中，执行双击事件(dblclick)时能触发两次单击事件(click)。即一个标签元素（如div等），如果元素同时绑定了单击事件(click)和双击事件(dblclick),那么执行单击事件(click)时，不会触发双击事件(dblclick)，执行双击事件(dblclick)时却会触发两次单击事件(click)。先看一下点击事件的执行顺序：

飞奔去旅行

2019/06/13

5.4K0

JavaScript 技巧篇-js增加延迟时间解决单击双击事件冲突，双击事件触发单击事件

click settimeout store 事件原理

js 的单双击事件同时存在会有一个问题：双击事件会同时触发单击事件，两个事件存在冲突。我们加一个延迟时间就能很好的解决这个问题。

小蓝枣

2020/09/23

6.2K0

Android Button 单击事件

其他

方法一：在XML文件中指定单击事件函数 <Button android:id="@+id/button1" android:layout_width="120dip" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_below="@+id/textView1

磊哥

2018/05/08

1.7K0

weex-08-单击事件

npm go

本节任务学会组件添加单击事件标准格式 <text v-on:click="方法名称">点我啊</text> 省略格式 <text @click="方法名称">点我啊</text> 下面我们创建

酷走天涯

2018/09/14

1.7K0

双击事件与单击事件的那些事

bug checkbox el 定时器事件

合情合理，双击事件也是两次点击事件，所以同时会触发单击事件click和双击事件dblclick。但是需求是单击和双击不同的处理，所以双击的时候不应该触发单击事件。

赤蓝紫

2023/03/16

3.8K0

Jenkins触发构建--事件触发

jenkins linux api git

事件触发就是发生了某个事件就触发pipeline执行，这个事件可以是你能想到的任何事件，比如手动在界面上触发、其它job主动触发、HTTP API Webhook触发等。

陈不成i

2021/06/02

5.9K0

HarmonyOS实战—实现单击事件流程

小程序·云开发腾讯云开发者社区 java android

1. 什么是事件? 事件就是可以被识别的操作。就是可以被文本、按钮、图片等组件识别的操作。常见的事件有：单击、双击、长按、还有触摸事件。可以给文本、按钮等添加不同的事件。比如添加了单击事件之后

兮动人

2021/08/20

1.5K0

代码触发，手动触发touchstart事件，touch事件，click事件，自定义事件

java https 网络安全 jquery

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/150775.html原文链接：https://javaforall.cn

全栈程序员站长

2022/09/06

4.9K0

onbeforeunload事件_pageload事件何时触发

编程算法 https 网络安全

注意：为了防止不需要的弹出窗口，浏览器可能不会显示在beforeunload事件处理程序中创建的提示，除非页面已与之交互，甚至根本不显示它们。

全栈程序员站长

2022/11/03

3K0

aos 事件触发失败

function init 动画框架事件

项目中遇到这个问题，网页往下滑动时加载 aos 事件触发不了，原因也很简单，因为 aos.js 是在页面加载时获取页面高度从而绑定一些事件进去，但是如果这个文件加载速度比框架加载的快，会导致两者高度不一致，从而动画效果触发失败。

子舒

2023/08/23

3740

js触发全屏事件

http html javascript

让用户端JS触发指的就是让用JS监听用户的操作事件，通过JS程序去实现F11全屏。这个事件可以是一个按钮的点击事件，当然也可以是键盘事件，比如用户按下F11。 1.F11键盘事件触发　当用户按下F11事件，浏览器为触发自身全屏功能，这个过程我们一般是不可控制的，即使是监听了F11的键盘事件，退出全屏的时候，我们也捕捉不到退出全屏触发的事件。所以，我们就用程序自己去实现F11的功能，首先需要禁用浏览器默认的事件动作。

山河木马

2019/03/05

16K0

spreadTrading模块事件触发机制

erp php python 开源

本文主要介绍了价差交易模块的事件触发机制。感谢‘次第花开’和‘用户名呀’在维恩的派论坛里的分享！

用Python的交易员

2018/07/26

2.5K0

js 手动触发input事件

java https 网络安全

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/138867.html原文链接：https://javaforall.cn

全栈程序员站长

2022/09/02

10.7K0

Jenkins触发构建--通用触发接口（上）

网站 jenkins http json regex

GWT 前文中，我们讲到安装GitLab插件后，GitLab系统就可以发送Webhook触发Jenkins项目的执行。那是不是说其他系统想触发Jenkins项目执行，也需要找一个插件或者开发一个插件来

陈不成i

2021/06/02

2.7K0

探索 Flutter 模拟事件触发

tcp/ip flutter ios android

如果可以模拟 PointerEvent 进行分发，那么在应用中就可以通过代码来触发手势事件，这样就能解放双手。如果结合语音监听，通过代码处理，说话也能触发手势操作，岂不美哉。作为探索完手势机制和滑动机制，又有完成这两本小册的我，感觉这个问题应该可解。下面就将整个问题的解决过程进行梳理，带大家再认识一下手势底层的相关实现。

张风捷特烈

2022/03/18

2.8K0

js后退按钮事件触发

java https 网络安全

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/164172.html原文链接：https://javaforall.cn

全栈程序员站长

2022/09/15

10.7K0

WdatePicker改变事件触发优化

dp readonly time 事件优化

如上，使用onpicked来绑定blur事件，就会在选择日期后自动触发onchangge事件

用户9131103

2023/07/17

3200

HarmonyOS实战—单击事件的四种写法

小程序·云开发 java android api

单击事件的四种写法 [在这里插入图片描述] 1. 自己编写实现类编写实现类（MyListener）去实现 Component.ClickedListener 接口在类里面重新下 onClick 方

兮动人

2021/08/20

1.1K0

checkbox选中触发事件_jquery select change事件

asp 网站 android https java

<asp:DataGrid id=”DataGrid1″ runat=”server” AutoGenerateColumns=”False”> <Columns> <asp:BoundColumn DataField=”txtId”></asp:BoundColumn> <asp:BoundColumn DataField=”txtName”></asp:BoundColumn> <asp:TemplateColumn> <ItemTemplate> <asp:ImageButton id=”btnItem” runat=”server” CommandName=”LookDetail”></asp:ImageButton> <asp:DropDownList id=”ddl” runat=”server” AutoPostBack=”True”> <asp:ListItem Value=”asdf”>asdf</asp:ListItem> <asp:ListItem Value=”asdfasdf”>asdfasdf</asp:ListItem> <asp:ListItem Value=”wrwwewewee”>wrwwewewee</asp:ListItem> </asp:DropDownList> </ItemTemplate> </asp:TemplateColumn> </Columns> </asp:DataGrid>

全栈程序员站长

2022/10/01

4.3K0

点击加载更多

相似问题

Datepicker单击事件未触发

222

幻灯片应在单击事件上播放

在datepicker中单击关闭按钮时触发事件

直到我在Datepicker控件外部单击，Kendo Datepicker change事件才会触发

jquery引导datepicker单击事件只触发一次

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

问单击事件应在"readonly“datepicker上触发
EN