Firefox中input元素,不能重新获取焦点函数focus()

【Firefox中input元素,不能重新获取焦点函数focus()】的更多相关文章

Firefox中input元素,不能重新获取焦点函数focus()

js校验输入框的函数: function is_number(feild) { var strRegExp = /^\d+(\.\d{1,2})?$/; if (!strRegExp.test(feild.value)) { alert("请输入有效的数字,小数点后最多只能输入两位!"); feild.focus(); return false; } } 元素获取焦点函数focus(),在IE中正常,Firefox中却不起作用. 解决方案: window.setTimeout(func…

修改表单元素中placeholder属性样式、清除IE浏览器中input元素的清除图标和眼睛图标

一.修改input元素placeholder属性样式在做项目的时候,一般表单元素的placeholder属性样式都是使用浏览器默认的,但有时候为了追求设计上的美感需要修表单元素的placeholder样式(也有可能是遇到了一个处女座的设计师或者是客户),就不等不修改一下placeholder的样式.可以通过下面的代码修改样式: /*Chrome.Safari等 webkit内核浏览器*/ ::-webkit-input-placeholder{ color:red; } /*Firefox*/…

仅Firefox中A元素包含Select时点击Select不能选择option

这是在使用京东的一个日期组件时碰到的bug,重现bug的代码精简如下 <!DOCTYPE HTML> <html> <head> <title> 仅Firefox中A元素包含Select时点击Select不能选择option </title> </head> <body> <a href="javascript:void 0"><select> <option>1&l…

笔记：HTML5中input元素新增的type值

在HTML5中,input元素的type值增加了不少,使input的功能强大了很多. 但在各大浏览器中并不是所有的type值都支持. 以下是比较有用.并且浏览器支持的稍好一些的值: type=color 颜色 type=date 日期(不包括时间) min:最小值 max:最大值 type=number 数字 min:最小值 max:最大值 step:改变数字时每一步的加减值 type=range 滑块 min:最小值 max:最大值 step:滑动时每一步的加减值 type=email 邮箱地…

HTML中,input元素的 Disabled属性所产生的后端无法接收数据的问题

背景今天从前端提交 form表单数据时,发现设置 Disabled 的 input 元素的字段数据在后端无法接收到原因查阅资料(来自W3school): disabled 属性规定应该禁用 input 元素. 被禁用的 input 元素既不可用 ,也不可点击.可以设置 disabled 属性,直到满足某些其他的条件为止(比如选择了一个复选框等等).然后,就需要通过 JavaScript 来删除 disabled 值,将 input 元素的值切换为可用. 注释:disabled 属性无…

jquery中:input和input的区别分析

:input表示选择表单中的input,select,textarea,button元素,input仅仅选择input元素. <html> <head> <style> .focus{ background-color: blue } </style> </head> <body> <script type="text/javascript" src="scripts/jquery.1.6.1.mi…

iOS下Html页面中input获取焦点弹出键盘时挡住input解决方案—scrollIntoView()

问题描述 iOS系统下,移动web页面,inpu获取焦点弹出系统虚拟键盘时,偶尔会出现挡住input的情况,尽管概率不大,但是十分影响用户体验. 问题重现原始页面:页面中有header.main.footer三部分,其中 header 和 footer 通过 position: fixed; 定位在浏览器顶部和底部. 其中,footer 中有一个input 输入框. 点击 input 框使之获取焦点,唤起虚拟键盘,正常页面效果如下: 注:在ios系统唤起软键盘,键盘和底部输入框之间有一块空白间…

iOS下Html页面中input获取焦点弹出键盘时挡住input解决方案

问题描述 iOS系统下,移动web页面,inpu获取焦点弹出系统虚拟键盘时,偶尔会出现挡住input的情况,尽管概率不大,但是十分影响用户体验. 问题重现原始页面:页面中有header.main.footer三部分,其中 header 和 footer 通过 position: fixed; 定位在浏览器顶部和底部. 其中,footer 中有一个input 输入框. 点击 input 框使之获取焦点,唤起虚拟键盘,正常页面效果如下: 注:在ios系统唤起软键盘,键盘和底部输入框之间有一块空白间…

Html5中input新增的表单元素和属性介绍。

input标签主要用于Web表单的创建交互,以便接受来自用户的数据. 我们通过更改type属性的值,来实现不同的输入类型.在以前的写法中表单元素必须放在form元素所包含的里面,而在html5中,我们可以把它们写在页面上的任何一个地方,只需要给该元素增加一个form属性,form属性的值为form表单的id.例如: <form method="get" id="test"> <input type="text" name=&qu…

面试题-->写一个函数，返回一个数组中所有元素被第一个元素除的结果

package com.rui.test; import java.util.Random; /** * @author poseidon * @version 1.0 * @date:2015年10月25日上午11:12:24 * @description: 面试题-->写一个函数,返回一个数组中所有元素被第一个元素除的结果 * 陷阱: * 1.循环需要倒着写,为什么? * 想想顺着写循环的结果,第一个元素的值会发生变化后面再除就会有问题 * 2.需要考虑除数为零的边界 * 考察: * 面试…

转: Firefox 浏览器对 TABLE 中绝对定位元素包含块的判定有错误

标准参考元素的包含块 W3C CSS2.1 规范中规定,绝对定位元素的包含块(containing block),由离它最近的 position 特性值是 "absolute"."fixed"."relative" 之一的祖先元素组成:如果这个祖先元素不存在,则包含块由根元素组成. 绝对定位元素的定位绝对定位元素的定位,依赖于其包含块.也就是说,当绝对定位元素的 "top"."left" 值被设置之后,…

/编写一个函数，要求从给定的向量A中删除元素值在x到y之间的所有元素(向量要求各个元素之间不能有间断)，函数原型为int del(int A ,int n , int x , int y),其中n为输入向量的维数，返回值为删除元素后的维数

/** * @author:(LiberHome) * @date:Created in 2019/2/28 19:39 * @description: * @version:$ */ /* 编写一个函数,要求从给定的向量A中删除元素值在x到y之间的所有元素(向量要求各个元素之间不能有间断), 函数原型为int del(int A ,int n , int x , int y),其中n为输入向量的维数,返回值为删除元素后的维数*/ public class page0602 { public s…

python中的enumerate函数用于遍历序列中的元素以及它们的下标

enumerate 函数用于遍历序列中的元素以及它们的下标: >>> for i,j in enumerate(('a','b','c')): print i,j 0 a1 b2 c>>> for i,j in enumerate([1,2,3]): print i,j 0 11 22 3>>> for i,j in enumerate({'a':1,'b':2}): #注意字典,只返回KEY值!! print i,j 0 a1 b >&g…

html5中 input的pattern属性和 details/summary元素

html5--3.21 课程小结与其他新增元素一.总结一句话总结: input的pattern属性可以设置正则验证,比如检测学号的位数和数字区间 details/summary元素配合起来可以做元素折叠的效果,summary为detail设置标题请输入你的学号:<input type="text" name="name" pattern="[0-9]{4}"> 1.details/summary元素实例? details/sum…

JS对象数组排序sort() sort()方法使数组中的元素按照一定的顺序排列。语法: arrayObject.sort(方法函数)

数组排序sort() sort()方法使数组中的元素按照一定的顺序排列. 语法: arrayObject.sort(方法函数) 参数说明: 1.如果不指定<方法函数>,则按unicode码顺序排列. 2.如果指定<方法函数>,则按<方法函数>所指定的排序方法排序. myArray.sort(sortMethod); 注意: 该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字.比较函数应该具有两个参数 a 和 b,其返回值如下: 若返回值<=-1,则表…

Numpy.frompyfunc()将计算单个值的函数转化为计算数组中每个元素的函数

Numpy.frompyfunc()将计算单个值的函数转化为计算数组中每个元素的函数不再通过遍历,对数组中的元素进行运算,利用frompyfunc()将计算单个值的函数转化为计算数组中每个元素的函数下面是示例代码: # -*- coding: utf-8 -*- """ Created on Fri Nov 20 17:18:11 2020 @author: pan """ import time import numpy as np arr…

巧妙利用ToArray()函数移除集合中的元素

当我们对集合foreach遍历时,不能直接移除遍历的集合的元素,解决的方法有很多种,见我之前的随笔: http://www.cnblogs.com/527289276qq/p/4331000.html 除此之外,我今天发现了利用linq中的ToArray()方法,也可以实现遍历集合,移除集合中的元素,代码如下: using System; using System.Collections.Generic; using System.Linq; using System.Text; using S…

为什么 input 元素能用 width 属性

前几天在是写网页的时候发现input可以设置宽高,很疑惑,上网查了之后发现: 简单的认为 input 就是 inline 元素是片面的.元素默认以何种 display 属性值显示出来,这个其实更多的时候是由浏览器决定的(不同浏览器的差异性,导致我们需要 reset CSS),下面是部分浏览器 input 元素默认 CSS: IE6.IE7.IE8.IE9(部分) background-color: #FFF; border-width: 2px; font-family: sans-serif;…

了解HTML表单之input元素的23种type类型

目录传统类型 text password file radio checkbox hidden button image reset submit 新增类型 color tel email url search number range date month week time datetime datetime-local 前面的话随着HTML5的出现,input元素新增了多种类型,用以接受各种类型的用户输入.其中,button.checkbox.file.hidden.image.pas…

背水一战 Windows 10 (76) - 控件（控件基类）: Control - 基础知识, 焦点相关, 运行时获取 ControlTemplate 和 DataTemplate 中的元素

[源码下载] 背水一战 Windows 10 (76) - 控件(控件基类): Control - 基础知识, 焦点相关, 运行时获取 ControlTemplate 和 DataTemplate 中的元素作者:webabcd 介绍背水一战 Windows 10 之控件(控件基类 - Control) 基础知识焦点相关运行时获取 ControlTemplate 和 DataTemplate 中的元素示例1.演示 Control 的基础知识Controls/BaseControl/Con…

jquery监听input元素输入

一般我们监听input内容的变化都是通过onchange()事件来绑定,但这个做法有一个缺陷就是只有当正在被输入的input元素失去焦点时(即鼠标点击了别处)才会触发,而实际上我们往往希望能够满足在用户输入过程中,在保持焦点不变的情况下随着输入内容的变化而触发一定事件处理函数(这样就不用劳烦用户用鼠标再点击以下别的地方). 这种应用场景可以使用jquery的绑定技术 eg. $("#gamount").bind('input propertychange',function(){ …

Selenium在Firefox中踩过的

本文转至 http://www.51testing.com/html/11/n-3711311.html,作者对webdriver在Firefox中设置profile配置项挺熟的,是用Python实现,后续有时间用Java实现一下,先转过来Mark一下 1.selenium 在打开firefox后,发现程序‘死’那里了,不动了,后面的代码不执行,最后抛出异常说超时. 原因:这个主要原因selenium在运行时会在firefox中安装一个Firefox WebDriver的插件,如果firefox…

关于面试总结10-selenium中隐藏元素如何定位？(hidden、display: none)

前言面试题:selenium中隐藏元素如何定位?这个是很多面试官喜欢问的一个题,如果单纯的定位的话,隐藏元素和普通不隐藏元素定位没啥区别,用正常定位方法就行了但是吧~~~很多面试官自己都搞不清楚啥叫定位,啥叫操作元素(如click,clear,send_keys) 隐藏元素如下图有个输入框和一个登录的按钮,本来是显示的元素的属性隐藏和显示,主要是 type="hidden"和style="display: none;"属性来控制的,接下来在元素属性里面让它隐…

iOS下调用元素的focus方法，input元素不聚焦，键盘不弹起的问题

页面元素 <input type="text" ref="elInput"/> <div style="margin-top:20px;" @click="confession()" ref="elBtn">点击使input聚焦 </div> js代码 methods(){ confession(){ this.$refs.elInput.focus()//显示键盘 }…

angular4自定义组件非input元素实现ngModel双向数据绑定

在angular里我们一般都是给input元素添加[(ngModel)]="value"实现数据双向绑定,如果想实现自定义的组件上实现ngModel双向数据绑定应该怎么办呐... 网上找了一下,没看懂记录一下. 场景:组件能获取父组件通过ngModel绑定的值,能通过ngModel改变父组件对应的数据.如下代码: <app-child [(ngModel])="appData"></app-child> 1.先贴出效果图: 2.下面是app-…

JS中获取元素属性的逆天大法

给大家聊下js中获取元素属性的逆天大法,胆小慎入,切记切记!!! innerHTML.outerHTML.innerText .outerText.value.text().html(),val() 这些方法,大家应该用过,如果让你说出它们的一些区别和联系,能答得上来吗?接下来让我们一起来温故下. innerHTML.outerHTML.innerText .outerText.value 属于原生javascript的方法. text().html(),val()属于jQuery中的方法. 第…