首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

FengFocus 焦点插件(昨天写了博客,今天封装了)

去年自己写的第一个焦点插件,命名为 FengFocus 1.0 版本。在我所做的几个项目中也都运用了。但是我自己却很不满意。 为什么呢?...所以我一直想要重写这个焦点插件。但是一来是懒,二来还是懒。一直没去写。 昨天反法西斯70周年阅兵,我顿时觉得应该为祖国做点贡献,因此决定重写。...表现形式完全css化,有很多焦点插件将表现形式写在了js中,优点是只要一个文件,而不用管css。缺点就是,修改样式异常困难,为我不喜。...其中,图片 alt 值是用于 焦点 的标题。 data-info值是用于焦点简介。...scss 预编译版本 #FengFocus { // 设定变量 焦点的宽高大小 $width:500px; $height:400px; // 焦点外框的CSS width: $width

52220

jquery 绑定事件 - blur() 失去焦点 - focus() 获取焦点

事件函数列表 blur() 元素失去焦点 focus() 元素获得焦点 click() 鼠标单击 mouseover() 鼠标进入(进入子元素也触发) mouseout() 鼠标离开(离开子元素也触发)...事件指定处理函数 ready() DOM加载完成 resize() 浏览器窗口的大小发生改变 scroll() 滚动条的位置发生变化 submit() 用户递交表单 编写一个form表单,用来演示输入框获取焦点和失去焦点的示例...focus() 元素获得焦点 首先先来这个focus()函数。 ? 可以看到当获取焦点的时候,就立即弹出alert()。...其实通过focus()函数只是简单用来初始化文本框的焦点输入的而已,如下: ? 当刚进入页面,文本框就自动获取焦点,这基本上就是这个方法的大部分用法了。...blur() 元素失去焦点 使用blur()失去焦点这个方法一般会结合获取文本框内容的函数一起使用,如下: ? 当获取到文本框内的值之后,就可以对其进行正则验证或者其他方式的校验。

11.9K30
领券