document.execCommand not holding click eventGetting the ID of the element that fired an eventHow do I detect a click outside an element?Event binding on dynamically created elements?Best way to remove an event handler in jQuery?jQuery same click event for multiple elementsUse jQuery to hide a DIV when the user clicks outside of itjQuery multiple events to trigger the same functionClick event doesn't work on dynamically generated elementsjQuery checkbox change and click eventJavascript .css not working nor jquery .blue
Whaling ship logistics
Where to find the Arxiv endorsement code?
What makes learning more difficult as we age?
What does `idem` mean in the VIM docs?
How to prevent pickpocketing in busy bars?
Can I build a half bath without permits?
Are the coefficients of certain product of Rogers-Ramanujan Continued Fraction non-negative?
How to say "respectively" in German when listing (enumerating) things
Speed and Velocity in Russian
Which altitudes are safest for VFR?
Why does Captain Marvel in the MCU not have her sash?
split 1 column input into 5 column bed file
How can I become an invalid target for spells that target humanoids?
what organs or modifications would be needed to have hairy fish?
Why is the Common Agricultural Policy unfavourable to the UK?
Is determiner 'a' needed here?
Why, even after his imprisonment, people keep calling Hannibal Lecter "Doctor"?
I transpose the source code, you transpose the input!
What is this end portal thingy?
Delete n lines skip 1 line script
Detail vs. filler
Received a package but didn't order it
Is population size a parameter, or sample size a statistic?
Sci-fi movie with one survivor and an organism(?) recreating his memories
document.execCommand not holding click event
Getting the ID of the element that fired an eventHow do I detect a click outside an element?Event binding on dynamically created elements?Best way to remove an event handler in jQuery?jQuery same click event for multiple elementsUse jQuery to hide a DIV when the user clicks outside of itjQuery multiple events to trigger the same functionClick event doesn't work on dynamically generated elementsjQuery checkbox change and click eventJavascript .css not working nor jquery .blue
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;
I am trying to bold text with a click on a button. I created it in JS Fiddle and it works fine. However, the issue is when I put the script on the web page. It performs the action but it does not hold the click event
https://jsfiddle.net/lvwiseguy/v7jm03zu/7/
<head runat="server">
<title></title>
<script src="jquery-3.3.1.js"></script>
<script>
$(document).ready(function()
$('#BoldText').click(function ()
document.execCommand('bold');
);
);
</script>
<style>
#editable_textarea
width: 100%;
height: 150px;
border: 1px solid blue;
button
font-weight: bold;
</style>
</head>
<body>
<form id="form1" runat="server">
<button id="BoldText">B</button>
<div id='editable_textarea' contenteditable="true">
Select text and click the button to make it bold...
</div>
</form>
</body>
jquery
asked Mar 28 at 19:15
Dan NickDan Nick
812 silver badges17 bronze badges
add a comment
|
I am trying to bold text with a click on a button. I created it in JS Fiddle and it works fine. However, the issue is when I put the script on the web page. It performs the action but it does not hold the click event
https://jsfiddle.net/lvwiseguy/v7jm03zu/7/
<head runat="server">
<title></title>
<script src="jquery-3.3.1.js"></script>
<script>
$(document).ready(function()
$('#BoldText').click(function ()
document.execCommand('bold');
);
);
</script>
<style>
#editable_textarea
width: 100%;
height: 150px;
border: 1px solid blue;
button
font-weight: bold;
</style>
</head>
<body>
<form id="form1" runat="server">
<button id="BoldText">B</button>
<div id='editable_textarea' contenteditable="true">
Select text and click the button to make it bold...
</div>
</form>
</body>
jquery
asked Mar 28 at 19:15
Dan NickDan Nick
812 silver badges17 bronze badges
You haveid="form1"there, does it mean you also haveid="form2"with exactly the SAME child elements inside it?
– Alon Eitan
Mar 28 at 19:20
@AlonEitan no form1 is the default id you an aspx page is created.
– Dan Nick
Mar 28 at 19:32
add a comment
|
I am trying to bold text with a click on a button. I created it in JS Fiddle and it works fine. However, the issue is when I put the script on the web page. It performs the action but it does not hold the click event
https://jsfiddle.net/lvwiseguy/v7jm03zu/7/
<head runat="server">
<title></title>
<script src="jquery-3.3.1.js"></script>
<script>
$(document).ready(function()
$('#BoldText').click(function ()
document.execCommand('bold');
);
);
</script>
<style>
#editable_textarea
width: 100%;
height: 150px;
border: 1px solid blue;
button
font-weight: bold;
</style>
</head>
<body>
<form id="form1" runat="server">
<button id="BoldText">B</button>
<div id='editable_textarea' contenteditable="true">
Select text and click the button to make it bold...
</div>
</form>
</body>
jquery
asked Mar 28 at 19:15
Dan NickDan Nick
812 silver badges17 bronze badges
I am trying to bold text with a click on a button. I created it in JS Fiddle and it works fine. However, the issue is when I put the script on the web page. It performs the action but it does not hold the click event
https://jsfiddle.net/lvwiseguy/v7jm03zu/7/
<head runat="server">
<title></title>
<script src="jquery-3.3.1.js"></script>
<script>
$(document).ready(function()
$('#BoldText').click(function ()
document.execCommand('bold');
);
);
</script>
<style>
#editable_textarea
width: 100%;
height: 150px;
border: 1px solid blue;
button
font-weight: bold;
</style>
</head>
<body>
<form id="form1" runat="server">
<button id="BoldText">B</button>
<div id='editable_textarea' contenteditable="true">
Select text and click the button to make it bold...
</div>
</form>
</body>
jquery
jquery
asked Mar 28 at 19:15
Dan NickDan Nick
812 silver badges17 bronze badges
asked Mar 28 at 19:15
Dan NickDan Nick
812 silver badges17 bronze badges
asked Mar 28 at 19:15
Dan NickDan Nick
812 silver badges17 bronze badges
asked Mar 28 at 19:15
Dan NickDan Nick
812 silver badges17 bronze badges
asked Mar 28 at 19:15
Dan NickDan Nick
812 silver badges17 bronze badges
812 silver badges17 bronze badges
You haveid="form1"there, does it mean you also haveid="form2"with exactly the SAME child elements inside it?
– Alon Eitan
Mar 28 at 19:20
@AlonEitan no form1 is the default id you an aspx page is created.
– Dan Nick
Mar 28 at 19:32
add a comment
|
You haveid="form1"there, does it mean you also haveid="form2"with exactly the SAME child elements inside it?
– Alon Eitan
Mar 28 at 19:20
@AlonEitan no form1 is the default id you an aspx page is created.
– Dan Nick
Mar 28 at 19:32
You have
id="form1" there, does it mean you also have id="form2" with exactly the SAME child elements inside it?– Alon Eitan
Mar 28 at 19:20
You have
id="form1" there, does it mean you also have id="form2" with exactly the SAME child elements inside it?– Alon Eitan
Mar 28 at 19:20
@AlonEitan no form1 is the default id you an aspx page is created.
– Dan Nick
Mar 28 at 19:32
@AlonEitan no form1 is the default id you an aspx page is created.
– Dan Nick
Mar 28 at 19:32
add a comment
|
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/4.0/"u003ecc by-sa 4.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55405294%2fdocument-execcommand-not-holding-click-event%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55405294%2fdocument-execcommand-not-holding-click-event%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
You have
id="form1"there, does it mean you also haveid="form2"with exactly the SAME child elements inside it?– Alon Eitan
Mar 28 at 19:20
@AlonEitan no form1 is the default id you an aspx page is created.
– Dan Nick
Mar 28 at 19:32