bootstrap用命令modal('show')弹出模态层后执行获取焦点事件
更新:2023-01-08 14:16:04
人气:1169
来源:本站原创
A+
本文讲解如何在bootstrap框架中用命令调用modal('show')弹出模态层对话框后执行事件,比如让弹出层后在指定的文本框中获取焦点。如果将modal('show')和$('#mdaima').focus()一起顺序执行是无法达到预期效果的。而bootstrap框架中也有对应的事件,用下面的代码即可实现:
获取焦点事件:
function get_focus(){
$('#caiji_url').focus()
}
对话框的层html:
<div id="my_to_alert" >
<input name="www.mdaima.com" type="text" id="caiji_url" value="李雷博客" class="input length_6" />
</div>
核心弹出层并获取焦点的事件:
function show_hide_m(){
$('#my_to_alert').modal('show');//执行弹出模态层
$('#my_to_alert').on("shown.bs.modal",function(e){//在模态层弹出之后,做对应的动作,即指定文本框获取焦点
get_focus()
});
}
就这么简单,只是网上有些介绍太片面,很少讲示例结合起来用的实际代码。
推荐的文章
随手记
- ● blob:http地址的原理及生成方法
- ● 华视CVR100系统身份证读卡器web驱动安装不识别解决办法
- ● web应用采用webcam实现拍照上传的PHP示例及参数说明
- ● PHP实现直播推流功能
- ● win10开机后屏幕黑屏只有鼠标但能启动任务管理器
- ● base64.js文件下载及使用方法说明
- ● windows利用bat微信双开、多开
- ● 百度API提交推送报{"error":401,"message":"tokenisnotvalid"}什么原因
- ● 如果在调用创建群接口时没有保存OpenConversationId,可以通过调用本接口通过chatId获取OpenConversationId
- ● Windows中使用BAT文件设置指定IP地址或自动获取IP
PHP经验分享
- ● MySQLSUM在没有符合查询条件时返回结果为空的处理办法
- ● 如何开启PHP8的JIT提升运行速度
- ● 钉钉API接口-用PHP+Curl实现获取用户信息
- ● 钉钉API接口-用PHP+Curl实现获取应用Access_Token
- ● 在PHP中使用CURL,“撩”服务器只需几行——phpcurl详细解析和常见大坑
- ● MySQLInnodb并发涉及参数说明
- ● mysql参数调优之innodb_thread_concurrency、innodb_concurrency_tickets合理的使用cpu性能
- ● PHP用fsockopen检测指定IP端口是否开启可用
- ● PHP用socket检测服务器IP端口是否开放?代码示例
- ● GatewayWorker报错:Waring:Events::onMessageisnotcallable