• 关于

    html 输入框焦点

    的搜索结果

问题

就是想做个小验证 如果没有输入内容就在失去焦点时

就是想做个小验证 如果没有输入内容就在失去焦点时把边框变成红色 我是这么设置的样式1px solid red 代码运行没问题 但是鼠标离开输入框时边框不但变成了红色还有一个细微的变化就是失去焦点的这一行和上一行的间距缩小了那么一点 就是ma...
杨冬芳 2019-12-01 19:50:17 929 浏览量 回答数 1

回答

onkeydown事件应该可以吧,或者onkeypress######来个demo吧~###### 我表示不会正则,随便写的。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> New Document </title> <script type="text/javascript"> <!-- function getText(str) { var endVal = str.substring(str.lastIndexOf("/") + 1,str.lastIndexOf(".")) document.getElementById("title").value = endVal; } //--> </script> </head> <body> <input type="text" id="demo" onblur="getText(this.value);"/> <br/> <input type="text" id="title" /> </body> </html> ######回复 @amhoho : 你要说运行无效我只能笑了。难道你JS一点看不懂么。。就那么几行代码不会阅读下嘛######onblur="getText(this.value);" 难道你看不懂 是输入第一个文本框失去焦点才调用事件么。######运行无效
kun坤 2020-06-07 14:38:41 0 浏览量 回答数 0

问题

关于jquery多层iframe绑定keyup问题

文件index.htm &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; ...
吴孟桥 2019-12-01 19:36:20 1032 浏览量 回答数 1

阿里云试用中心,为您提供0门槛上云实践机会!

100+款试用云产品,最长免费试用12个月!拨打95187-1,咨询专业上云建议!

问题

js修改input的type属性问题探讨:报错

js修改input的type属性有些限制。当input元素还未插入文档流之前,是可以修改它的值的,在ie和ff下都没问题。但如果input已经存在于页面,其type属性在ie下就成了只读属性了&#x...
kun坤 2020-06-06 15:03:14 0 浏览量 回答数 1

回答

演示:https://github.com/1178128850/webviewloaddate : package com.killua.webview; import android.graphics.Bitmap; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.util.Log; import android.webkit.JavascriptInterface; import android.webkit.WebResourceError; import android.webkit.WebResourceRequest; import android.webkit.WebView; import android.webkit.WebViewClient; public class MainActivity extends AppCompatActivity { public WebView mWebView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); mWebView = new WebView(this); settings(); mWebView.setWebViewClient(new WebViewClient(){ @Override public void onPageStarted(WebView view, String url, Bitmap favicon) { super.onPageStarted(view, url, favicon); } @Override public void onPageFinished(WebView view, String url) { Log.i("===", "onPageFinished: "); // 获取页面内容 view.loadUrl("javascript:window.java_obj.showSource(" + "document.getElementsByTagName('html')[0].innerHTML);"); // 获取解析<meta name="share-description" content="获取到的值"> view.loadUrl("javascript:window.java_obj.showDescription(" + "document.querySelector('meta[name=\"share-description\"]').getAttribute('content')" + ");"); super.onPageFinished(view, url); } @Override public void onReceivedError(WebView view, WebResourceRequest request, WebResourceError error) { super.onReceivedError(view, request, error); } }); mWebView.loadUrl("http://list.iqiyi.com/www/2/-------------24-1-1-iqiyi--.html"); } public final class InJavaScriptLocalObj { @JavascriptInterface public void showSource(String html) { System.out.println("====>html=" + html); } @JavascriptInterface public void showDescription(String str) { System.out.println("====>html=" + str); } } private void settings(){ // 开启JavaScript支持 mWebView.getSettings().setJavaScriptEnabled(true); mWebView.addJavascriptInterface(new InJavaScriptLocalObj(), "java_obj"); // 设置WebView是否支持使用屏幕控件或手势进行缩放,默认是true,支持缩放 mWebView.getSettings().setSupportZoom(true); // 设置WebView是否使用其内置的变焦机制,该机制集合屏幕缩放控件使用,默认是false,不使用内置变焦机制。 mWebView.getSettings().setBuiltInZoomControls(true); // 设置是否开启DOM存储API权限,默认false,未开启,设置为true,WebView能够使用DOM storage API mWebView.getSettings().setDomStorageEnabled(true); // 触摸焦点起作用.如果不设置,则在点击网页文本输入框时,不能弹出软键盘及不响应其他的一些事件。 mWebView.requestFocus(); // 设置此属性,可任意比例缩放,设置webview推荐使用的窗口 mWebView.getSettings().setUseWideViewPort(true); // 设置webview加载的页面的模式,缩放至屏幕的大小 mWebView.getSettings().setLoadWithOverviewMode(true); } }
游客2q7uranxketok 2021-02-20 14:43:11 0 浏览量 回答数 0

问题

各种默认回车提交表单 配置报错 

通过回车进行提交表单,可以在用户输入完毕后直接进行回车查询操作,不用点击鼠标,在某些场景应用下非常方便,用户体验较好。 总结&科普一下: 1、如果for...
kun坤 2020-06-01 09:44:58 2 浏览量 回答数 1

问题

【分享】html5 开发工具——WeX5中的各种绑定方式

今天我想整理一下html5 开发工具——WeX5中的各种绑定方式,下面分为表现类、流程类、交互类 3 种类型分别介绍。 表现类绑定     表现类的绑定属性有visible、text、html、css、style、a...
小太阳1号 2019-12-01 21:25:48 4942 浏览量 回答数 3

问题

JS高手帮忙改下。? 400 报错

JS高手帮忙改下。? 400 报错 我用EasyInsert 4.0 动态插入input,我加入jquery.validate 验证之后验证提示的焦点始终在第一次出错的位置上,我也知道名字是一样的,...
爱吃鱼的程序员 2020-06-05 12:02:05 0 浏览量 回答数 1

云产品推荐

上海奇点人才服务相关的云产品 小程序定制 上海微企信息技术相关的云产品 国内短信套餐包 ECS云服务器安全配置相关的云产品 开发者问答 阿里云建站 自然场景识别相关的云产品 万网 小程序开发制作 视频内容分析 视频集锦 代理记账服务 阿里云AIoT 阿里云科技驱动中小企业数字化