ホームページ >ウェブフロントエンド >jsチュートリアル >Jqueryでブラーイベントとフォーカスイベントが有効にならない問題の解決策
Jqueryでブラーイベントとフォーカスイベントが有効にならない問題の解決策
- 黄舟オリジナル
- 2017-06-26 14:23:275189ブラウズ
JQuery のブラーとフォーカスイベントは有効になりません
$(function(){
alert("页面生效");
$(".login_shopcart").blur(function(){
alert("blur生效");
$(".shopcart_img").attr("src","myimg/shopcart_img.png");
$("#ShopCart_num").show();
});
$(".login_shopcart").focus(function(){
alert("focus生效");
$(".shopcart_img").attr("src","myimg/Login.png");
$("#ShopCart_num").hide();
});
}); コードは上記のとおりです。最初のページのalert() は有効になりますが、ブラーとフォーカスは有効になりません。 Jquery1.9.1バージョンを使用しています。
アドバイスをお願いします
ページのHTMLはどこにありますか? .login_shopcart要素をトリガーする必要があります
このコードはインポートされたJSファイルに記述されています
HTMLを送信することもできます。それ以外の場合、それが JS または HTML に問題があるかどうかをどうやって知ることができますか
おそらくあなたのページには class="login_shopcart" のオブジェクトがまったく含まれていない可能性があります
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
$(function(){
alert("页面生效");
$(".login_shopcart").blur(function(){
alert("blur生效");
$(".shopcart_img").attr("src","myimg/shopcart_img.png");
$("#ShopCart_num").show();
});
$(".login_shopcart").focus(function(){
alert("focus生效");
$(".shopcart_img").attr("src","myimg/Login.png");
$("#ShopCart_num").hide();
});
$(document).ready(function(){
alert("document生效");
$(".login_shopcart").ready(function(){
});
});
});
</script>
</head>
<body>
<div class="login_shopcart" style="position:fixed;bottom:0px;right:100px;">
<p style="position: absolute;padding: 10px 0 0 40px;color:white;" id="ShopCart_num">0</p>
<img alt="#" src="myimg/ShopCart.png" class="shopcart_img">
</div>
</body>
</html>そして、div 要素にはブラー イベントとフォーカス イベントがありません
Jqueryインポートも実行できません
お願いします、、divの場合は
$(function () {
alert("页面生效");
$(".login_shopcart").hover(function () {
alert("blur生效");
$(".shopcart_img").attr("src", "myimg/shopcart_img.png");
$("#ShopCart_num").show();
}, function () {
alert("focus生效");
$(".shopcart_img").attr("src", "myimg/Login.png");
$("#ShopCart_num").hide();
});
});
マウスをホバーさせたいのか、マウスをクリックさせたいのかわかりません
アイデア: フォーカスlogin_shopcartを取得し、クリックを直接バインドしてください
フォーカスドキュメントバインドクリックを失い、login_shopcartクリックを無効化します
コード例の一部:
$(document).click(function(){
$("#login_shopcart").click(function(){
return false;
});
$(".shopcart_img").attr("src","myimg/shopcart_img.png");
$("#ShopCart_num").show();
});
マスターの皆様、ありがとう~~~理由が分かりました。確かにDIVはぼかしとフォーカスが使えません~~~マウスオーバーとマウスアウトに変更して有効にします~~
以上がJqueryでブラーイベントとフォーカスイベントが有効にならない問題の解決策の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。