javascript占位符文本支持废话浏览器(代码片段)

关键词：

$('document').ready(function()
    $('input').each(function(count,element)
	if( $( element ).attr('placeholder') )
	search_text(element);
	
    );
);


function search_text(e)

    // Function to detect placeholder support where Modernizr isnt available
    var supports_placeholder = function()
    
	var i = document.createElement('input');
        return 'placeholder' in i;
    

    // Check jQuery is available
    if( typeof( $ ) != 'function' )
	return false;

    // Check for placeholder support
    if( typeof( Modernizr ) != 'object' && supports_placeholder() == false )
	return false;
    else if( Modernizr.input.placeholder )
	return false;
    

    // Check if an object is passed directly (like from an each loop), or by an ID reference
    var input = false;
    if( typeof(e) == 'object' )
	// whole object passed
	input = e;
    else
	// reference to object passed
	input = document.getElementById(e);
    

    if( input )

	var search_advice_text = $(input).attr('placeholder');

	if( $(input).val().length == 0 )
	    $(input).val( search_advice_text ).css('color':'#ccc');
	
	$(input).focus(function()
	    if( $(this).val().length == 0 || $(this).val() == search_advice_text )
		$(this).val( '' ).css('color':'#444');
	    
	).blur(function()
	    if( $(this).val().length == 0 )
		$(this).val( search_advice_text ).css('color':'#ccc');
	    
	);
    

javascript使html5占位符在非支持性浏览器中工作(代码片段)

查看详情

HTML占位符浏览器兼容性

...的占位符html标记？InternetExplorer是否支持它？（我有一个JavaScript占位符，可用于不支持它的浏览器。）<inputtype=TEXTplaceholder="placeholderhere& 查看详情

如何删除 JavaScript 中的占位符文本？ [复制]

】如何删除JavaScript中的占位符文本？[复制]【英文标题】：HowtoremoveplaceholdertextinJavaScript?[duplicate]【发布时间】：2021-03-3105:34:36【问题描述】：我编写了一些代码来删除输入占位符文本，它按预期工作。我遇到的问题是如何在占... 查看详情

对垃圾浏览器的占位符文本支持

Thisfunctionemulatessupportforplaceholdertextonformelements,runitinsidealooporcallitbypassinginaspecificidreference$('document').ready(function(){$('input').each(function(count,element){ if($(element).attr('placeholder')){... 查看详情

旧浏览器的真正占位符文本修复？

】旧浏览器的真正占位符文本修复？【英文标题】：Trueplaceholdertextfixforoldbrowsers?【发布时间】：2012-02-1507:45:56【问题描述】：我想使用jQuery代码来模拟旧浏览器的占位符文本。我找到了一个很好的候选人，并且工作得很好。然... 查看详情

IE9 javascript 问题的占位符脚本

】IE9javascript问题的占位符脚本【英文标题】：PlaceholderscriptforIE9javascriptissue【发布时间】：2015-12-0909:12:28【问题描述】：我有以下脚本，如果用户有浏览器ie9，那么我们会修复关于ie9不支持占位符的已知问题：if(isIE9)//ie9//thisisht... 查看详情

检查是不是支持占位符的简单方法？

...【发布时间】：2012-01-0600:37:32【问题描述】：如果用户的浏览器支持，我想在我的代码中使用HTML5"placeholder"属性，否则只需在表单顶部打印字段名称。但我只想检查是否支持占位符，而不是用户正在使用的浏览器版本/名... 查看详情

如何测试浏览器是不是支持原生占位符属性？

】如何测试浏览器是不是支持原生占位符属性？【英文标题】：Howtotestifthebrowsersupportsthenativeplaceholderattribute?如何测试浏览器是否支持原生占位符属性？【发布时间】：2011-04-2516:01:20【问题描述】：我正在尝试为我的网站编写一... 查看详情

Javascript 检查 IE8 中的原生占位符支持

】Javascript检查IE8中的原生占位符支持【英文标题】：JavascriptcheckfornativeplaceholdersupportinIE8【发布时间】：2011-07-2900:26:51【问题描述】：tldr：为什么(\'placeholder\'ininputElemnt)在IE8中等于true，尽管不支持placeholder属性？（元素中的属... 查看详情

TextField 中的占位符文本颜色

】TextField中的占位符文本颜色【英文标题】：PlaceholdertextcolorinTextField【发布时间】：2019-09-2112:57:14【问题描述】：是否可以更改SwiftUI.TextField中的占位符文本颜色？【问题讨论】：嘿，我添加了一个CustomTextField以使占位符易于使... 查看详情

HTML5“占位符”支持

...ort【发布时间】：2011-10-2623:29:19【问题描述】：如何确定浏览器是否支持HTML5占位符标签，以便我决定是否要挂钩我的jQuery占位符插件。【问题讨论】：【参考方案1】：varplaceholderSupported=(\'placeholder\'indocument.createElement(\'input 查看详情

占位符文本仅在 Internet Explorer 中可见

...何格式化地址的示例。占位符文本在IE中可见，但在其他浏览器（chrome、firefox、safari）中是透明的。如何修复它以使其在所有浏览器中显示？.form-contr 查看详情

javascript表格占位符(代码片段)

查看详情

javascript表格占位符(代码片段)

查看详情

如何根据它是不是是占位符来更改 textarea 文本的颜色？

...布时间】：2012-08-2017:34:28【问题描述】：我基本上想使用JavaScript重新创建HTML5“占位符”属性，以便它与旧浏览 查看详情

IE浏览器中的占位符文本问题(8-9)

】IE浏览器中的占位符文本问题(8-9)【英文标题】：PlaceholdertextissueinIEbrowsers(8-9)【发布时间】：2013-11-2522:49:26【问题描述】：我正在处理表单（输入字段）验证。问题-IE浏览器(8-9)将占位符文本视为值，并且在验证期间它接受相... 查看详情

在 Edge 浏览器上，如何使用 CSS 更改输入占位符文本颜色？

】在Edge浏览器上，如何使用CSS更改输入占位符文本颜色？【英文标题】：OnEdgeBrowser,howtochangeinputplaceholdertextcolorusingCSS?【发布时间】：2015-11-1218:55:28【问题描述】：在Edge浏览器上，我无法更改输入占位符颜色。:-ms-input-placeholder... 查看详情

javascript占位符颜色#css(代码片段)

查看详情